jquery - 如何选择具有可能干预类的选择器的下一个实例

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 />

在第一个例子中，我怎么能程序化地说下一个 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');
  });
});​