gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-29 22:10:30 25 4
gpt4 key购买 nike

我正在尝试向嵌套 div 的 sibling 添加一个类,该类依赖于附加到 dom 本身的范围的长度,出于演示的目的,我刚刚声明了一个分配有数字的变量,所以这是我当前的 js:

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

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

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

最佳答案

获取当前的索引,添加 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

关于javascript - 使用数字将类添加到兄弟 div 以确定要将类添加到的 div 的数量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18315241/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com