这是jquery如何处理子选择器的错误吗?

因为火狐会自动添加 tbody 你周围的元素 tr 元素(如果未提供)。你真的不能用 table > tr .

你有:

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

但火狐看到了这一点:

<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"

有一种含蓄 <tbody> 元素添加了含义,而不是:

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

DOM实际上包含:

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

所以把它改为:

$("#mytable > tbody > tr");

使用 <t车身> , <thead> 和 <tfoot> 表中的元素是一个很好的习惯。

是的,道格完全正确。为了补充他的答案,也许您知道,或者不知道,但是请记住jquery遍历DOM,而不是您发送给浏览器的HTML“文本”。

DOM是浏览器对您发送的HTML的解释。