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

假设我有以下无序列表

<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>

以前的
下一个

我将列表传递给旋转木马，如so

$（“.foo”）.carouFredSel（//options）

但是我不希望类

条

受到旋转木马的影响

---

在调用旋转木马之前，我尝试了

$（'.bar'）.removeClass（'foo'）

，但似乎不起作用。。。它仍然是旋转木马的一部分。如何防止一个div继承父类，或者是否有其他方法可以防止该div被视为旋转木马的一部分，即（仅保留在原地）？

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

---

您还可以使用Foo类选择器尝试：not（）

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

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

---

问题似乎是.foo包含所有div，包括.bar和.baz。如果您只想使用.baz，您的旋转木马函数将需要更改为exclude.bar divs或仅使用.baz元素。我不想不更改bar的属性…我不想在选择“.foo”…时选择bar…您能说更多关于：not（）？当然，没有太多。基本上，您可以选择一个没有/或没有属性的元素

.foo>div:not（.bar）{}

应该选择foo类中没有bar类的所有div元素。