Question

<body>
    <div>
      <div class='container'></div>
    </div>
    <div class='container'></div>
</body>

如何使用jquery获取第二个div命名容器，它是body的直接后代？我不应该根据孩子的号码选择它。我不能依赖身体中divs的数量。

Answer 1

我想有很多方法。对约束的理解有限，例如：

$('body > div.container');

应该工作

Answer 2

使用＆＃39;＆gt;＆＃39;在css选择器中，所以你知道你将div.container直接嵌套在外部div中。

$('body > div.container')

Answer 3

按选择器速度排序：（适用于特定的 DOM示例）

$(document.body).find('> .container')

$(document.body).find('.container:last')

$('.container:eq(1)')

$('.container:last')

我没有明确地使用div.container，因为它选择的速度比.container慢得多

Answer 4

<body>
<div>
  <div class='container'></div>
</div>
<div class='container second-container'></div>
</body>

你可以有多个班级

$(".second-container").css();

Answer 5

如果您知道它们的外观顺序，您可以这样做：

 $(".container").eq(0);

其中0是位置