在父元素上调用方法之前从子元素中删除父类(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被视为carousel的一部分，即(只是留在原地)？

Answer 1

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

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

Answer 2

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

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