jquery - 尽管其他 div 在 jquery 中具有相同的类名，但将类添加到当前 div

Question

我刚刚开始学习 jquery，但我被困在我认为相当简单的事情上。

我想为 div 添加一个阴影，我可以做到这一点，但它为所有名为 menu-shadow 的 div 添加了一个类，我只希望它在当前幻灯片上。

为了让您更深入地了解我创建了一个小提琴，您会注意到，当您向上移动几个子菜单时，阴影会添加到右侧，而它应该只添加到当前正在移动的幻灯片中。

这是jquery

// Add shadow to menu once link has been clicked
$('.back').click(function() {
    setTimeout(function(){
        $('.sub-menu').addClass('menu-shadow');
    },10);
});

我认为应该是这样的

$(this).next('.sub-menu').addClass('menu-shadow');

但它不起作用。

这是小提琴。http://jsfiddle.net/R6wHG/22/ 你会注意到如果你上一层就可以了，当你上两层时就会出现问题+由于所有子菜单都有相同的事实班级

Answer 1

它是单击按钮的父级

$('.back').click(function () {
    var $this = $(this);
    setTimeout(function () {
        $this.parent().addClass('menu-shadow');
        //or $this.closest('.sub-menu').addClass('menu-shadow');
    }, 10);
});