javascript - 为什么不返回任何元素？

Question

根据尝试在 jsfiddle 中运行，我认为这应该有效，但它返回的是空白。

这是示例 HTML

<table id = "test">
    <tr><td>test</td><td>test</td></tr>
     <tr><td>test</td><td>test</td></tr>
     <tr><td>test</td><td>test</td></tr>
</table>

我只是想针对它运行这段代码。

var x = $( "#test").children("tr");
console.log(x);

但它返回的是 x 中没有任何内容，而不是所有 tr 元素。

有什么想法吗？

我的最终目标是创建一个函数，该函数将使用 jquery 遍历选定表中的每个 tr 和 td，允许我为在线棋盘游戏“设置”div 值。这是最好的方法吗？

Answer 1

问题是

$("#test").children("tr");

相当于

$("#test > tr");

但是大多数浏览器在表中没有tbody时会插入一个环绕的tbody，所以#test > tr不匹配任何元素，所以最好使用

$("#test tr");

或者如果你愿意

$("#test").find("tr");