在父级调用方法之前从子元素中删除父类（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');