如何检查是否选择了任何一个li？

Question

<div id='id'>
 <ul id='ul'>
  <li id='1' class="">a</li>
  <li id='2' class="">a</li>
  <li id='3' class="">a</li>
  <li id='4' class="select">a</li>
  <li id='5' class="">a</li>
 </ul>
</div>

我如何知道<li>中是否有select类？如果找到，我该如何删除该类？

Answer 1

要查找是否选择了任何li，请使用

$('#ul > .select');

并使用removeClass删除选择

.removeClass('select');

Answer 2

以下内容将从拥有它的所有select元素中删除<li>类：

$('li.select').each(function() { $(this).removeClass('select'); });

Answer 3

使用

  

removeClass

  $('#ul li').removeClass("select");

找到这个类是否存在？ 使用

  

hasClass

Answer 4

我会这样做：

$("#ul > li").filter(function(index) { return $(this).hasClass("select"); }).removeClass("select");

编辑：

jsperf上有趣的test case表明确实，filter是最慢的方法，而selector方法是最快的。