如果第一个或最后一个孩子,JQuery会阻止删除类?

时间:2013-01-19 14:10:19

标签: jquery

我有一个“活跃”的课程,不断被删除并添加到其他div。但如果将它应用于第一个或最后一个孩子,我不希望将其删除......

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

1 个答案:

答案 0 :(得分:4)

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

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