5

JqueryやJavaScriptには のような機能があります。私はコードを持っています:.hasNext()

function showArrowClick() {
   var activeContact = $('.contact.white_bg');
   activeContact.removeClass('white_bg');
   activeContact.next().addClass('white_bg');
}

親divは

<div class="list">
     <div class="contact white_bg all_contacts">All</div>
     <div class="contact">Contact1</div>
     <div class="contact">Contact2</div>
</div>

最後のdivをクリックした後、何かをする必要があります。どうすればいいですか?

4

7 に答える 7

2

あなたはおそらく欲しいでしょう:last-child

$('a').click(function() {

  $('.list .contact:last-child').doSomething();

});

編集:

または、最後の子自体をクリックすることを意味する場合...

$('.list .contact:last-child').click(function() {

  $(this).doSomething();

});
于 2013-03-06T10:53:41.167 に答える
1

$ .fn.nextAll()を見たことがありますか?

于 2013-03-06T10:53:10.030 に答える
1

:last-childセレクターを使用する

$(".list div:last-child").on('click', function(){
//Do something
});
于 2013-03-06T10:53:39.063 に答える
1
function showArrowClick() {
   var activeContact = $('.contact.white_bg');
   var index = activeContact.index();
   if (index === $(".contact.white_bg").children().length - 1) {
     // Current seleceted is the last div
    }
   activeContact.removeClass('white_bg');
   activeContact.next().addClass('white_bg');
}  
于 2013-03-06T10:56:53.383 に答える
1

確認してみることができ.next()ます。続きを読む。メソッドで使用して.length、DOM にさらに項目があるかどうかを確認します。

サンプルコード

alert($('div.contact').next().length);
于 2013-03-06T10:51:58.853 に答える
1

要素を選択しようとしているときに要素があるかどうかを確認する必要があります。

function showArrowClick() {   
   var activeContact = $('.contact.white_bg');

   if(activeContact.next('div.contact').length > 0) {
     activeContact.removeClass('white_bg');
     activeContact.next().addClass('white_bg');
   }
}
于 2013-03-06T10:52:07.770 に答える
1

次のようなものを試してください

$('.list').find("div.contact:last").addClass('white_bg');

2番

$('.list .contact:last-child').addClass('white_bg');
于 2013-03-06T10:52:12.697 に答える