Select 下 table 行使用 next() 给出未定义

Question

我的 table 中有两行，如 jsfiddle link 所示， http://jsfiddle.net/o6ew3zom/.

我 select 所有行都使用 table tr 并访问下一行，

$(this).next()

它打印，

the current element id is  firstRow
the next element id is undefined
the current element id is  secondRow
the next element id is undefined

我预计，

    the current element id is  firstRow
    the next element id is secondRow
    the current element id is  secondRow
    the next element id is undefined

Answer 1

因为一个在thead，另一个在tbody。 thead 中的那个没有下一个元素，tbody 中的那个也没有下一个元素。但是，如果您尝试删除 thead 和 tbody，它将向您显示第一个元素的下一个元素的 ID，如 fiddle.

中所示

demo

<table>
    <tr id="firstRow">
        <th>state</th>
        <th>compound</th>
    </tr>
    <tr id="secondRow">
        <td>solid</td>
        <td>iron</td>
    </tr>
</table>

Answer 2

JQuery.next() 函数 returns 下一个 sibling 元素。

如果您需要获取 table 中的所有行，请使用：

var allrows = $(this).closest("table").find("tr");

Select 下 table 行使用 next() 给出未定义

Select next table row using next() gives undefined

jquery

jquery-selectors