javascript - 在调用父级方法之前从子元素中删除父类（javascript/jquery）

Question

说我有以下无序列表

<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 被视为轮播的一部分，即（只是留在原地）？

Answer 1

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

您也可以尝试 :not() 与 Foo 类选择器。

Answer 2

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

$('.bar').parents('.foo').removeClass('foo');