JQuery 防止删除第一个或最后一个子类？

Question

我有一个“active”类，它不断被删除并添加到其他 div 中。但如果它应用于第一个或最后一个 child ，我不希望将其删除......

JSFiddle:http://jsfiddle.net/YuDDK/1/

HTML:

<div id="container">
<div class="item active"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>

JS:

$('#container').mousewheel(function(event, delta) {
    var active = $('.active');

    if (delta > 0) {
        if (active.not(":first-child")) {
            active.removeClass('active').prev().addClass('active');
        }

    } else {
        if (active.not(":last-child")) {
            active.removeClass('active').next().addClass('active');
        }
    }

    $(this).scrollTo( $('.active'),100);
    return false;
});

Answer 1

active.not(":first-child") 返回一个始终为 true 的 jQuery 对象，您可以使用 is 方法代替返回一个 bool 值。

if ( !active.is(":first-child") )