jquery - 子选择器和 ID

Question

我只是不太明白为什么 ID 不是有效的父项: http://api.jquery.com/child-selector/

有效:

$("#listequestions tr").click(function() {
  $(this).addClass("success");
});

无效:

$("#listequestions > tr").click(function() {
  $(this).addClass("success");
});

有人可以帮我理解为什么吗？

谢谢。

Answer 1

如果没有，tbody 会自动插入到表中。

这就是为什么匹配 "#listequestions > tr" 的唯一可能方法是将 id 赋予 thead、tfoot或tbody。

这是子选择器的危险之一。

假设您有以下 HTML:

<table id=listequestions>
    <tr><td>some text</td></tr>
</table>​

然后 tr 将与这两个查询匹配:

• $('#listequestions > tbody > tr')
• $('#listequestions tr')