Menu
E.g:
<li class="dataItem ready igto" status="ready">I will change status to waiting</li>
and then ,I just want to change the ready class to waiting.THe normal way is to removing the class ready and adding new class!
and another situation is how to replace multi class at once!? E.g:
<!-- replace done wainting error to ready -->
<li class="dataItem done igto" status="ready">I will change status to ready</li>
<li class="dataItem waiting igto" status="ready">I will change status to ready</li>
<li class="dataItem error igto" status="ready">I will change status to ready</li>
to :
<li class="dataItem ready igto" status="ready">I will change status to waiting</li>
Thank you very much!!
745
To replace all existing classes with another class, we can use . attr( "class", "newClass" ) instead. As of jQuery 1.4, the . removeClass() method allows us to indicate the class to be removed by passing in a function.
The jQuery syntax is tailor-made for selecting HTML elements and performing some action on the element(s). Basic syntax is: $(selector).action() A $ sign to define/access jQuery. A (selector) to "query (or find)" HTML elements. A jQuery action() to be performed on the element(s)
In jQuery, the class and ID selectors are the same as in CSS. If you want to select elements with a certain class, use a dot ( . ) and the class name. If you want to select elements with a certain ID, use the hash symbol ( # ) and the ID name.
jQuery replaceWith() Method The replaceWith() method replaces selected elements with new content.
You can use $.toggleClass() to achieve this.
$("p").click(function(){
// Replace 'done' with 'waiting' or 'waiting' with 'done'
$(this).toggleClass("done waiting");
});
Example: http://jsfiddle.net/wH9x3/
127
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
