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添加到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!
}

Answer 2

我怎么知道具有特定类的div是否是最后一个元素

if($(this).is(':last-child'))
{
  // i am last child
}

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

2 个答案: