JQuery按内容选择

Question

下一个选择器不工作了？这是怎么回事？

Javascript：

$('.detWindow').children("tr:contains('Mary'),tr:contains('John')").addClass('highlight');

HTML：

<div class='detWindow'>
  <table>
    <tr>
      <td>John</td>
      <td>Another</td>
    </tr>
    <tr>
      <td>Peter</td>
      <td>Another</td>
    </tr>
    <tr>
      <td>Mary</td>
      <td>Another</td>
    </tr>
  </table>
</div>

Answer 1

tr不是div的子级，所以.children()需要使用.find()来在>1层找到后代

$('.detWindow').find("tr:contains('Mary'),tr:contains('John')").addClass('highlight');

演示：小提琴