javascript - 定位具有相似类的每组元素的第一个同级元素

Question

我需要定位每个第一个 div.bar。我尝试了很多方法，但 jQuery 没有成功，尽管一开始看起来很简单。

我需要这个来包装之后的所有 div.bar，但是我可以在之后使用 .wrapAll() 来做到这一点。

<div id="aaa">
  <div class="bar" />
  <div class="bar" />
  <div class="bar" />
</div>
<span id="bbb">
          <div class="bar" />
          <div class="bar" />
          <div class="bar" />
        </span>
<div id="ccc">
  <div class="bar" />
  <div class="bar" />
</div>

Answer 1

您可以使用:first-child:

$('.bar:first-child').wrap('<div class="test"/>');