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

Question

所以这是jquery的一个问题。我怎么知道具有特定类的 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();
});

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

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!
}