检查li中的一个是否没有课程

时间:2015-03-16 14:45:53

标签: javascript jquery

我遇到这种情况有困难: 我有一系列带有类的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;
}
希望有人可以帮助我! 谢谢 ! :)

2 个答案:

答案 0 :(得分:4)

您可以使用:not选择器。你也有不正确的ul元素选择器:

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

答案 1 :(得分:0)

一种不好的方法,但有效:Fiddle

&#13;
&#13;
$(function() {
  $('.list-synthese > li').each(function(i, ele) {

    if (!$(ele).hasClass('hidden')) {
      alert('li number ' + (i + 1) + '  doesnt have class hidden')
    }

  })

})
&#13;
<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>
&#13;
&#13;
&#13;