Remove child class from active div

Question

I have a problem to remove only img class from active div :

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

I want to remove (BWFilter BWfade) class, only for this div (.thumb .thumb-selected), I'm trying with this jquery code:

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

Try this $('div.thumb').find('img').removeClass("BWFilter BWfade"); — Norlihazmey Ghazali, Mar 03 '15 at 07:11
Please use below given JS code I hope it will resolve your issue — Yogesh Sharma, Mar 03 '15 at 07:13
Use `'.thumb.thumb-selected'` as the selector (i.e. remove the space) to find elements with both classes. — Ja͢ck, Mar 03 '15 at 07:16
Thank you for your request but i need to find only selected div and remove class only for selected div in this case the code remove BWFilter BWfade from all thumb div — Francesco De Pazzi, Mar 03 '15 at 07:26

score 4 · Accepted Answer · answered Mar 03 '15 at 07:18

the removeClass accepts more then one class to remove:

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

The > - selector will only match when the img is a direct child of your div.

Reference

.removeClass()

css - child-selector

Norlihazmey Ghazali · Answer 2 · 2015-03-03T11:33:39.713

1

Use this. Less code for sure. The first selector will only select the div element having the .thumb AND .thumb-selected class name. Then, .find() function is to get the descendants of each element in the current set of matched elements. For this case, will find out the img tag and remove the .BMFilter and .BWfade class name attached on it.

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

edited Mar 03 '15 at 11:33

answered Mar 03 '15 at 07:13

Norlihazmey Ghazali

9,000
1
23
40

Thank you but I want remove only BWFilter and BWfade class when div.thumb is selected with class thumb-selected – Francesco De Pazzi Mar 03 '15 at 07:31
Is it like this?. $('div.thumb.thumb-selected').find('img').removeClass("BWFilter BWfade"); See edited posted. – Norlihazmey Ghazali Mar 03 '15 at 07:38
Add some explanation to your answer please. – Alex Char Mar 03 '15 at 10:43

score 1 · Answer 3 · edited May 23 '17 at 12:07

1

Consider this jquery line:

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

DEMO

Removed space from $('.thumb .thumb-selected').

Reference: How can I select an element with multiple classes?

edited May 23 '17 at 12:07

Community

1
1

answered Mar 03 '15 at 07:18

Manwal

23,450
12
63
93

score 0 · Answer 4 · answered Mar 03 '15 at 07:12

0

Try this

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

answered Mar 03 '15 at 07:12

SimarjeetSingh Panghlia

2,200
13
14

Thank you, i just try this solution but nothing :( how can I test, if find()reach the .thumb-selected ? thank you! – Francesco De Pazzi Mar 03 '15 at 07:28
you can check in firebug using console.log($('.thumb-selected')); – SimarjeetSingh Panghlia Mar 03 '15 at 07:36

score 0 · Answer 5 · edited Jul 07 '19 at 18:20

0

Please use below given JS code

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

edited Jul 07 '19 at 18:20

halfer

19,824
17
99
186

answered Mar 03 '15 at 07:13

Yogesh Sharma

2,017
1
15
33

Thank you, i tried this solution but nothing :( – Francesco De Pazzi Mar 03 '15 at 07:27

score 0 · Answer 6 · answered Mar 03 '15 at 07:18

0

Try This :-

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

answered Mar 03 '15 at 07:18

Kartikeya Khosla

18,743
8
43
69

score 0 · Answer 7 · answered Mar 03 '15 at 07:20

0

Use this

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

answered Mar 03 '15 at 07:20

I'm Geeker

4,601
5
22
41

Remove child class from active div

7 Answers7

DEMO