在调用父元素的方法之前从子元素中移除父类(javascript/jquery)

Remove a parent class from a child element before calling method on parent (javascript/jquery)

本文关键字：元素 父类 jquery javascript 调用 方法      更新时间：2023-09-26

假设我有以下无序列表

<ul class="foo">
  <li>
    <div class="bar">
    </div>
    <div class="baz">
    </div> 
 </li>
 <li>
   <div class="bar">
   </div>
   <div class="baz">
   </div> 
 </li>
</ul>
<div class="nav">
    <a class="prev-link">Previous</a>
    <a class="next-link">Next</a>
</div>

我将列表传递给旋转木马，例如$(".foo").carouFredSel(//options)，但是我不希望类bar受到旋转木马的影响。

我在呼叫旋转木马之前尝试过$('.bar').removeClass('foo')，但它似乎不起作用…它仍然是旋转木马的一部分。我怎么能防止一个div继承父类，或者有一个不同的方式，我可以防止该div被视为旋转木马的一部分，即(只是留在原地)?

你可以尝试在你不想覆盖的。bar类属性上使用!important CSS规则。但这可能不是该规则的最佳用途。

你也可以尝试使用Foo类选择器:not()。

这将从您的整个ul中删除类foo，如果这是您想要的。

$('.bar').parents('.foo').removeClass('foo');
相关文章：