Question

我想在我的网页上添加和删除带有链接按钮的css类到nth（ProdBox）父级：代码

<div class="prod-box shadow">
    <div class="prod-details">                    
    </div>
</div>
<div class="prod-compare">
    <div class="compare">
        <a href="javascript:void();" class="add-to-compare" data-id="123">Add to Compare</a>
    </div>

</div>
</div>

我想用“prod-box shadow-blue”替换顶级父类“prod-box shadow”。我尝试了jquery 1.9.1代码，但没有工作：

$(this).parent('div .prod-box').removeClass('shadow');
$(this).parent('div .prod-box').addClass('shadow-blue');

Answer 1

你正在寻找

.closest()

$(this).closest('.prod-box').removeClass('shadow').addClass('shadow-blue');

使用toggleClasss()在类之间切换

$(this).closest('.prod-box').toggleClass('shadow shadow-blue');

.parent（）方法仅搜索直接父元素，并将给定的选择器应用于该父元素

将删除CSS类添加到第n个父级

1 个答案: