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 规则。但这可能不是该规则的最佳用途。

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