Question

我希望能够在下面选择特定选择器的下一个实例，例如.ajax-loader。我尝试了.next（'。ajax-loader'），但似乎没有工作，因为可能有干预类，只是简单的next（）不起作用。这是我的标记和小提琴：

$(document).ready(function(){
  $('.click-me').on('click',function(){
    $(this).next().html('here i am');
  });
});

HTML：

<button class='click-me'>JT</button>
<div class='other-loader'>other loader</div><div class='ajax-loader'></div><br />
<button class='click-me'>JU</button><div class='ajax-loader'></div><br />

在第一个例子中，我怎么能以progamatically方式说出ajax-loader的下一个例子？这是一个小提琴：http://jsfiddle.net/HAJLP/2/

事先提前

Answer 1

尝试将nextAll()与:first一起使用。

$(document).ready(function(){
  $('.click-me').on('click',function(){
     $(this).nextAll('.ajax-loader:first').html('here i am');
  });
});

Answer 2

试试这个：

$(document).ready(function(){
    $('.click-me').on('click',function(){
        $(this).find("~ .ajax-loader:first").html('here i am');
    });
});

Answer 3

当你穿越div标签时，这个会更便宜 -

$(document).ready(function(){
  $('.click-me').on('click',function(){
      $(this).nextAll('div.ajax-loader:first').html('here i am');
  });
});

如何选择具有可能介入类的选择器的下一个实例

3 个答案: