Question

我创建了一个垂直滑块，我希望这些类在点击（下一个）和之前点击（上一个）上移动到下一个div

这是我的代码和fiddle

$(".bxslider-inner:nth-child(4n+1)").addClass('noBlur');
$(".bxslider-inner:nth-child(4n+2)").addClass('Blur1');
$(".bxslider-inner:nth-child(4n+3)").addClass('Blur2');
$(".bxslider-inner:nth-child(4n)").addClass('Blur3');

$("a.bx-next").click(function(){
   $(".bxslider-inner:nth-child(4n+1)").next().addClass('noBlur');
$(".bxslider-inner:nth-child(4n+2)").next().addClass('Blur1');
$(".bxslider-inner:nth-child(4n+3)").next().addClass('Blur2');
$(".bxslider-inner:nth-child(4n)").next().addClass('Blur3');
});


$("a.bx-prev").click(function(){
   $(".bxslider-inner:nth-child(4n+1)").prev().addClass('noBlur');
$(".bxslider-inner:nth-child(4n+2)").prev().addClass('Blur1');
$(".bxslider-inner:nth-child(4n+3)").prev().addClass('Blur2');
$(".bxslider-inner:nth-child(4n)").prev().addClass('Blur3');
});

Answer 1

课程似乎互相碰撞。我建议在添加＆＃39; blur＆＃39;之前清理当前的课程。课程，例如：

$(".bxslider-inner:nth-child(4n+1)").next().removeClass().addClass('bxslider-inner').addClass('noBlur');

等......问题是它只适用于他第一次点击按钮，如

$(".bxslider-inner:nth-child(4n+1)").next()

永远是同一个元素。您现在需要找到一种方法来获取点击功能中的正确元素。

此处的一些元素：In bxslider i want to add a class on current slide

Answer 2

它们似乎与DOM树处于同一级别，因此您将使用：

$(this).next().click();

将类添加到下一个元素jquery单击函数

2 个答案: