从活动div中删除子类

Question

我有一个问题是只从活动div中删除img类：

<div class="thumb thumb-selected">

<img class="img-thumb BWFilter BWfade" src="100x100.jpg" alt=""><img crossorigin="anonymous" style="height: 100px; width: 100px; margin-top: 0px; margin-left: 0px;" class="img-thumb" src="3-100x100.jpg" alt=""></div>

我想删除（BWFilter BWfade）类，只为这个div（.thumb .thumb-selected），我正在尝试使用这个jquery代码：

$('.thumb .thumb-selected').find('.img-thumb img').removeClass("BWFilter BWfade");

Answer 1

removeClass接受多个要删除的类：

 $('.thumb.thumb-selected > img.img-thumb').removeClass('BWFilter BWfade');

> - 选择器仅在img是您的div的直接子项时匹配。

<强>参考

.removeClass()

css - child-selector

Answer 2

考虑这个jquery行：

$('.thumb.thumb-selected').find('img.img-thumb').removeClass("BWFilter BWfade");

DEMO

从$('.thumb .thumb-selected')删除了空格。

参考：How can I select an element with multiple classes?

Answer 3

试试这个

$('.thumb-selected').find('.BWFilter').removeClass("BWFilter").removeClass("BWfade");

Answer 4

请使用以下给定的JS代码

$('.thumb-selected').find('.img-thumb').removeClass("BWFilter").removeClass(' BWfade');

我希望它对你有用。

Answer 5

使用它。更少的代码肯定。第一个选择器只会选择具有div和.thumb类名的.thumb-selected元素。然后，.find()函数用于获取当前匹配元素集中每个元素的后代。在这种情况下，会找到img tag并删除其上附带的.BMFilter and .BWfade类名。

$('div.thumb.thumb-selected').find('img').removeClass("BWFilter BWfade");

Answer 6

试试这个： -

$('div.thumb.thumb-selected').find('img.img-thumb').removeClass("BWFilter BWfade");

Answer 7

使用此

$('.thumb.thumb-selected').find('img.img-thumb').removeClass("BWFilter BWfade");