Javascript 如何检查div是否是父div的最后一个子级

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

全部的
联系人1
联系人2

单击“最后一个div”后，需要执行一些操作。我该怎么做？

您可以尝试

.next（）

进行检查。使用

.length

方法检查DOM上是否还有其他项

示例代码

alert($('div.contact').next().length);

---

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

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

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

试试像这样的东西

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

秒

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

---

您看过吗？

使用：最后一个子选择器

$(".list div:last-child").on('click', function(){
//Do something
});

---

您可能需要

：最后一个孩子

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

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

});

编辑：

或者如果你是指点击最后一个孩子本身

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

  $(this).doSomething();

});

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');
}