检查 li 中的一个是否没有类

Check if one of li doesnt have a class

本文关键字:是否 一个 li 检查      更新时间:2023-09-26

我遇到这种情况的问题:我有一个带有一个类的 li,如果其中一个 li 没有这个类,我想执行代码。

例如:

<ul class="list-synthese">
 <li class="hidden">Lorem</li>
 <li class="hidden">Lorem</li>
 <li class="hidden">Lorem</li>
 <li class="hidden">Lorem</li>
 <li>Lorem</li>
</ul>

这是我想做的:

if $('list.synthese > li').hasNOTclass('hidden'){
 mycode;
}

希望有人能帮助我!谢谢!:)

您可以使用:not选择器。 此外,您的 UL 元素选择器不正确:

if($('.list-synthese > li:not(.hidden)').length){
  mycode;
}

一个糟糕的方法,但有效:小提琴

$(function() {
  $('.list-synthese > li').each(function(i, ele) {
    if (!$(ele).hasClass('hidden')) {
      alert('li number ' + (i + 1) + '  doesnt have class hidden')
    }
  })
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="list-synthese">
  <li class="hidden">Lorem</li>
  <li class="hidden">Lorem</li>
  <li class="">Lorem</li>
  <li class="hidden">Lorem</li>
  <li>Lorem</li>
</ul>

相关文章: