jquery选择嵌套div

Question

如何选择包含"我的内容"的div？

<table>
  <tr>
    <td class="ms-disc-bordered-noleft">
      <div class="">
        <div>some content</div>
        <div>my content</div>
      </div>
    </td>
  </tr>
</table>

这个div与td.ms-disc-bordered-noleft有什么关系？

Answer 1

• $('.ms-disc-bordered-noleft div:last')
• $('.ms-disc-bordered-noleft div:eq(2)')
• $('.ms-disc-bordered-noleft').find('div:eq(2)');
• 要么 $("div:contains('my content'):last");

回到机器人...我的意思是div ...你在寻找.

我觉得这$('.ms-disc-bordered-noleft div:last')是你最好的选择; 我的性能测试显示它通常是4个提案中最快的(FireFox更喜欢$('.ms-disc-bordered-noleft').find('div:eq(2)');).

有关使用中的不同选择器的示例,请参见http://jsfiddle.net/jhfrench/cfeZU.

至于你问题的第二部分,那个div是td.ms-disc-bordered-noleft元素的"后代" .更具体地说,它是td孩子的孩子.