javascript - 是否有一个 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

你可以试试这个，看看它是否适合你的情况？

    $(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;
            }
        });
    });

问候...

Answer 2

知道了！

var both = $('.a, .b');

$('.a').each(function() {
    var nearestB = both.slice(both.index(this))
                       .filter('.b')
                       .first();

    //do stuff
});​

Answer 3

您如何决定.a选择哪个？有.b永远的.a吗？你在每个循环吗？您可以使用 的索引.a并简单地选择相应的.b.

$(".a").each(function(){
    var index = $(".a").index(this);
    var theB = $(".b").get(index);
});

Answer 4

好的，这是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;
    }
});

Answer 5

$("div.a").nextAll("div.b")

这行得通吗？