javascript - jQuery - 如果父级没有类

Question

我想创建自动添加类到 DIV，所以我这样做:

$( '.navigation' ).find( 'li.active' ).parents( 'li' ).addClass( 'active' );

效果很好!但是现在我需要“忽略” parent ，例如。 'dropdown-toggle' 所以我修改了它:

$( '.navigation' ).find( 'li.active' ).parents( 'li:not(.dropdown-toggle)' ).addClass( 'active' );

但这行不通 - 我的问题在哪里？

Answer 1

尝试使用 parents() 和 :not 像:

$('.navigation li.active').parents('li:not(".dropdown-toggle")').addClass('active');

希望这对您有所帮助。

$('.navigation li.active').parents('li:not(".dropdown-toggle")').addClass('active');

.active{
  background-color:green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class='navigation'>
  <li>Water</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li class='active'>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
  <li class='dropdown-toggle'>Coffee (Has dropdown-toggle class)
    <ul>
      <li>Black Coffee</li>
      <li class='active'>Cream Coffee</li>
    </ul>
  </li>
</ul>