jquery - 将移除 CSS 类添加到第 n 个父级

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() 方法仅搜索直接父元素并将给定的选择器应用于该父元素