是否有jQuery选择器来完成此任务？

Question

我有这4个HTML代码段:

• 兄弟姐妹:

  <div class="a">...</div>
  <div class="b">...</div>        <!--selected-->
  <div class="b">...</div>        <!--not selected-->
  

• 包裹1:

  <div class="a">...</div>
  <div>
      <div class="b">...</div>    <!--selected-->
  </div>
  <div class="b">...</div>        <!--not selected-->
  

• 包裹2:

  <div>
      <div class="a">...</div>
  </div>
  <div>
      <div class="b">...</div>    <!--selected-->
  </div>
  <div class="b">...</div>        <!--not selected-->
  

• 分居:

  <div class="a">...</div>
  <div>...</div>
  <div class="b">...</div>        <!--selected-->
  <div>...</div>
  <div class="b">...</div>        <!--not selected-->
  <div>...</div>
  <div class="b">...</div>        <!--not selected-->
  

我怎样才能使用jQuery .b为任何给定.a元素选择下一个元素,而不管嵌套？

我想要这样的东西:

$('.a').each(function() {
    var nearestB = $(this)./*Something epically wonderful here*/;

    //do other stuff here
});

Answer 1

好的，这是Padel解决方案的修改版本，其行为略有不同

var lastA = null;

$('.a, .b').each(function() {
    if($(this).hasClass('a'))
    {
        lastA = $(this);
    }
    else if(lastA)
    {
        doStuff(lastA,this); //doStuff(a,b)
        lastA = null;
    }
});