jquery - 如何检查带有 class 的 div 是否是最后一个元素

Question

这里是 jquery 的一个问题。我如何知 Prop 有特定类的 div 是否是最后一个元素。我有以下 html

<div class="main">

    <div class="check"></div>
    <div class="check"></div>
    <div class="check"></div>
    <div class="check"></div>

</div>

我就是这样做的

jQuery(document).on('click', '.next-work', function() {

    var next = jQuery('.display-work').next('.check');
    jQuery('.check').removeClass('display-work');

    if (next) {
        next.addClass('display-work');
    } else {
        jQuery('.main .check:first').addClass('display-work');
    }

    jQuery('.display-work').find('.full-work-container').show();
});

这意味着我不想在单击 slider 之类的内容时停止向 div 添加类。如果该元素在 html 中，它应该自动将 class 添加到第一个。

Answer 1

对于更复杂的东西，假设您有更多的类、元素或 div，而您只需要最后一个检查:

<div class="main">
    <div class="check"></div>
    <div class="check"></div>
    <div class="check"></div>
    <div class="check"></div>
    <div class="NotACheck"></div>
    <button>Just a button</button>
</div>

使用

if ( $(this).is($(".check:last")) ) 
{
   // I'm the last check element!
}