使用数字将类添加到兄弟div,以确定要添加类的div数量?

时间:2013-08-19 13:38:38

标签: javascript jquery

我正在尝试将一个类添加到嵌套div divndant的兄弟节点上,该节点在dom本身附加的作用域的长度上,因为示例的purpouse我刚刚声明了一个带有分配号码的变量,所以这是我目前的js:

    var countdates = $('.date').length;
var minstay = 5;
alert(countdates);
$('.date').on('click', function () {
    $(this).addClass('dateset' + minstay);
});

这里有一个例子fiddle基本上我的问题是,如果我点击一个div,我希望接下来的5个div有一个类添加到它们即使它们跨越嵌套的div?

我试图谷歌这个,但我似乎无法正确使用术语。

1 个答案:

答案 0 :(得分:2)

获取当前索引,添加minstay,并使用选择器来选择其中的所有内容?

var minstay = 5;

$('.date').on('click', function () {
    var start = $(this).index('.date'),
        end   = start + minstay;

    $('.date:lt('+end+'):gt('+(start-1)+')').addClass('dateset');
});

FIDDLE