jquery - 这是 jQuery 处理子选择器的错误吗？

Question

jQuery 处理子选择器的方式是否存在错误，或者我是否遗漏了一些明显的东西？当 child 不是 * 时，我无法让它工作。

这是我正在运行的 jQuery 选择器:

$("#myTable > tr").each(function() {
    // do somthing }
);

表结构为:

<table id="myTable">
    <tr>
        <td><button>someButton</button></td>
        <td><textarea>...</textarea></td>
    </tr>
</table>

没有元素与上述选择器#myTable > tr匹配。但下面列出的两个选择器工作正常。

$("#myTable tr") // search all descendants for tr

或使用通配符来匹配子项:

$("#myTable > *") // search all child elements

关于这里可能出什么问题有什么想法吗？

感谢各位的快速解答!不幸的是只能选择一项。

Answer 1

这是因为如果没有提供 tbody 元素，Firefox 会自动在您的 tr 元素周围添加 tbody 元素。您确实不能使用 table > tr。

你有:

<table id="myTable">
    <tr>
        <td><button>someButton</button></td>
        <td><textarea>...</textarea></td>
    </tr>
</table>

但是 Firefox 看到了这个:

<table id="myTable">
  <tbody>
    <tr>
        <td><button>someButton</button></td>
        <td><textarea>...</textarea></td>
    </tr>
  </tbody>
</table>

其他元素也可以正常工作:

<div>
  <strong>Hi</strong>
</div>

和选择器:

alert( $("div > strong").text() ); // Alerts "Hi"