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

Question

我有这 4 个 HTML 片段:

• sibling :

  <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 为任何给定的 .a 元素选择下一个 .b 元素，而不考虑嵌套？

我想要这样的东西:

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

    //do other stuff here
});

Answer 1

你能试试看它是否适合你的情况吗？

    $(document).ready(function () {
        var isA = false;

        $('div.a, div.b').each(function () {
            if ($(this).attr('class') == "a")
                isA = true;
            if ($(this).attr('class') == "b" && isA) {
                $(this).css("background", "yellow");
                isA = false;
            }
        });
    });

问候...