js 遍历 tr

Posted 2023-05-08

js操作html4的table
一共有三列
第一列很多是跨列的
我遍历tr：
能获取到第一列的td值，和（首列跨行）第三列的第一行值，其他行的值遍历不到!
没有id 和 nme 给 000000002 添加click 事件
table 有若干个 顺序 不详

已知 ： 可以 遍历 行 tr 一共 10,
可以给 第一列的每个td 添加事件
比如 0000000 垮了3行，第一行0000002 可以添加 click
为什么 第二行却 添加 不了 click
我是 获取到了 每 列的 td (第三列的) 的 innerHTML 然后 取值 后 添加click 在添加进去

参考技术A 你是怎么遍历的？可以根据先获取所有的行var trs = document.querySelectorAll("tr")然后在遍历每一行下边的列的for(var i=0,len<trs.length;i<len;i++)var tds=trs[i].querySelectorAll("td") ; 这样的话你就可以把i行的所有单元格取到。 参考技术B 我估计你是这么做的

for tr in table.trs
tr.td(第3个).add(click);

是不是?
如果是,那么你取第3个做法是错误的!
就以你这个例子来讲,第2行就该取td(第2个)来自：求助得到的回答本回答被提问者和网友采纳 参考技术B 列只能跨行如何跨列?
如要取td可
table.getElementsByTagName('td')
来遍历, 比较简单

利用jquery怎么遍历table中的一列

东西这个我得说下了

先获得你拖动的那里列的tr
然后jquery 里面有个相当好用的方法 :nth-child 你自己可以去琢磨琢磨

:nth-child 返回值:Array<Element(s)>概述匹配其父元素下的第N个子或奇偶元素\':eq(index)\'
只匹配一个元素，而这个将为每一个父元素匹配子元素。:nth-child从1开始的，而:eq()是从0算起的！可以使用:
nth-child(even)
:nth-child(odd)
:nth-child(3n)
:nth-child(2)
:nth-child(3n+1)
:nth-child(3n+2)参数indexNumber要匹配元素的序号，从1开始示例描述:在每个 ul 查找第 2 个liHTML 代码:<ul>
<li>John</li>
<li>Karl</li>
<li>Brandon</li>
</ul>
<ul>
<li>Glen</li>
<li>Tane</li>
<li>Ralph</li>
</ul>jQuery 代码:$("ul li:nth-child(2)")结果:[ <li>Karl</li>, <li>Tane</li> ] 参考技术A $("table tr td:eq(5)").each() //循环table的第五列
alert($(this).html());
追问

其实这个table里有5列，我想通过鼠标点击事件拖动某一列，然后通过jquery把这一列的值遍历出来之后保存在一个数组里。。

参考技术B $("td")