如何检查div是来自父div的最后一个孩子

Question

在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后需要做点什么.我该怎么做？

Answer 1

当您尝试选择元素时，应该验证是否存在任何元素：

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

   if(activeContact.next('div.contact').length > 0) {
     activeContact.removeClass('white_bg');
     activeContact.next().addClass('white_bg');
   }
}