<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>

How do I know if any of the <li>s have a select class? If found, how do I remove that class?

<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>

How do I know if any of the <li>s have a select class? If found, how do I remove that class?

• javascript
• jquery

Share Improve this question Follow edited Apr 5, 2011 at 5:22 David Tang 93.7k3232 gold badges168168 silver badges149149 bronze badges asked Apr 5, 2011 at 5:16 jaquilinejaquiline 1122 silver badges44 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 2

The following will remove the select class from all <li> elements that have it:

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

To find if any li is selected use

$('#ul > .select');

and use removeClass to remove select

.removeClass('select');

use

removeClass

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

to find this class is exist ? use

hasClass

I'd do it like this:

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

EDIT:

Interesting test case on jsperf showing that indeed, filter is the slowest method, while selector method is the fastest.