定位具有相似类的每组元素的第一个兄弟

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"/>');