永发信息网

js当点击table里的一个td时获取到底是那个tr上的td被点击了;就是得到tr的index

答案:2  悬赏:0  手机版
解决时间 2021-12-22 22:48
  • 提问者网友:箛茗
  • 2021-12-22 03:36
js当点击table里的一个td时获取到底是那个tr上的td被点击了;就是得到tr的index
最佳答案
  • 五星知识达人网友:詩光轨車
  • 2022-01-06 01:22
&lt;!DOCTYPE html&gt;<br>&lt;html&gt;<br>&lt;head&gt;<br>&lt;meta charset=&quot;utf-8&quot; /&gt;<br>&lt;title&gt;&lt;/title&gt;<br>&lt;style&gt;<br>    *{margin:0;padding:0;}<br>    table{width:60%;margin: 30px auto;border-collapse: collapse;text-align: center;}<br>    td{border:1px solid red;line-height: 32px;}<br><br>&lt;/style&gt;<br><br>&lt;/head&gt;<br><br>&lt;body&gt;<br><br>&lt;table id=&quot;tb&quot;&gt;<br> &lt;tr&gt;<br> &lt;td&gt;1-1&lt;/td&gt;<br> &lt;td&gt;1-2&lt;/td&gt;<br> &lt;td&gt;1-3&lt;/td&gt;<br> &lt;td&gt;1-4&lt;/td&gt;<br> &lt;/tr&gt;<br> &lt;tr&gt;<br> &lt;td&gt;2-1&lt;/td&gt;<br> &lt;td&gt;2-2&lt;/td&gt;<br> &lt;td&gt;2-3&lt;/td&gt;<br> &lt;td&gt;2-4&lt;/td&gt;<br> &lt;/tr&gt;<br> &lt;tr&gt;<br> &lt;td&gt;3-1&lt;/td&gt;<br> &lt;td&gt;3-2&lt;/td&gt;<br> &lt;td&gt;3-3&lt;/td&gt;<br> &lt;td&gt;3-4&lt;/td&gt;<br> &lt;/tr&gt;<br> &lt;tr&gt;<br> &lt;td&gt;4-1&lt;/td&gt;<br> &lt;td&gt;4-2&lt;/td&gt;<br> &lt;td&gt;4-3&lt;/td&gt;<br> &lt;td&gt;4-4&lt;/td&gt;<br> &lt;/tr&gt;<br> &lt;tr&gt;<br> &lt;td&gt;5-1&lt;/td&gt;<br> &lt;td&gt;5-2&lt;/td&gt;<br> &lt;td&gt;5-3&lt;/td&gt;<br> &lt;td&gt;5-4&lt;/td&gt;<br> &lt;/tr&gt;<br>&lt;/table&gt;<br>&lt;script type=&quot;text/javascript&quot;&gt;<br> window.onload = function(){<br> var tr = document.getElementsByTagName(&quot;tr&quot;);<br> for(var i = 0;i&lt;tr.length;i++){<br> tr[i].index = i;<br> var td = tr[i].getElementsByTagName(&quot;td&quot;);<br> for(var j = 0;j&lt;tr[i].getElementsByTagName(&quot;td&quot;).length;j++){<br> tr[i].getElementsByTagName(&quot;td&quot;)[j].onclick = function(){<br> alert(this.parentNode.index);<br> }<br> }<br> }<br> }<br>&lt;/script&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;
全部回答
  • 1楼网友:拜訪者
  • 2022-01-06 02:34
我是来看评论的
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯