如何使用jQuery查找具有特定类的所有div元素

Question

In my JSP I have 3 div elements out of which 2 elements has class "shadow".

<div name="master" class="shadow">
..................................
</div>
<div name="child1" class="shadow">
..................................
</div>
<div name="child2" class="normalshadow">
..................................
</div>

Now in my java script, I want to find all the div elements which has class shadow and remove that class from those div elements. How can i do that ?

Answer 1

Find all div with class shadow using . $(".shadow") and remove class use .removeClass() function please find below snippet for more info

 $('div.shadow').removeClass('shadow'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div name="master" class="shadow"> .................................. </div> <div name="child1" class="shadow"> .................................. </div> <div name="child2" class="normalshadow"> .................................. </div> 

Answer 2

$('div[class="shadow"]').removeClass("shadow")

Answer 3

如果要同时选择<div class="shadow"></div>和<div class="normalshadow"> ，则可以执行此$('div[class*=shadow]')