0

次の.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/

事前にt​​hx

4

3 に答える 3

1

nextAll()で使用してみてください:first。

$(document).ready(function(){
  $('.click-me').on('click',function(){
     $(this).nextAll('.ajax-loader:first').html('here i am');
  });
});​
于 2012-11-28T03:01:25.550 に答える
0

これを試して：

$(document).ready(function(){
    $('.click-me').on('click',function(){
        $(this).find("~ .ajax-loader:first").html('here i am');
    });
});​
于 2012-11-28T03:02:32.193 に答える
0

これは、divタグのみを通過するため、コストが低くなります-

$(document).ready(function(){
  $('.click-me').on('click',function(){
      $(this).nextAll('div.ajax-loader:first').html('here i am');
  });
});​
于 2012-11-28T03:35:45.660 に答える