我需要使用 jquery 从 li 内具有“已选择”类的图像中删除“扭曲”类
<ul class="gal">
<li>
<img class="twist" src"..." />
</li>
<li class="selected">
<img class="twist" src"..." />
</li>
<li>
<img class="twist" src"..." />
</li>
<ul>
有人请帮忙。
谢谢
我需要使用 jquery 从 li 内具有“已选择”类的图像中删除“扭曲”类
<ul class="gal">
<li>
<img class="twist" src"..." />
</li>
<li class="selected">
<img class="twist" src"..." />
</li>
<li>
<img class="twist" src"..." />
</li>
<ul>
有人请帮忙。
谢谢
就如此容易:
$("li.selected > img").removeClass("twist");
相对<ul>
元素它可以通过以下方式完成:
$("ul.gal > li.selected > img").removeClass("twist");
您可以使用removeClass方法删除类:
$("li.selected > img").removeClass("twist");
演示 http://jsfiddle.net/kmhdj/2/
Demo 会提醒 before 和 after 类属性。
.each
如果您期望不同的类和不同的结果,您也可以进行迭代。
还有一个调用的 API .hasClass()
,您可以在迭代时使用它来检查该类是否存在,但所有这些都是额外的信息。
希望这可以帮助
另一个演示==>如果您愿意,这里是使用.each
&的一个长切方法:http: .hasClass
//jsfiddle.net/kmhdj/5/
代码
$("ul li.selected img").removeClass("twist");
$('.gal img').each(function(){
if ($(this).parent().hasClass('selected'))
$(this).removeClass('twist');
})