How do I add "disabled" class to the div "A" if div "B" has an "active" class with jquery?

Question

Lets say I have two divs: "A" and "B". I want to add "disabled" class to the div "A" as long as the div "B" has an "active" class.

How should I do this with jquery? I tried "hasClass" method but it didn't work.

Please also show what you tried if you want a better explanation as to why it didn't work and how you can improve it. — Spokey, Sep 03 '14 at 13:31

score 1 · Answer 1 · answered Sep 03 '14 at 13:29

1

if ($('.b').hasClass('active')){$('.a').addClass('disabled')}

answered Sep 03 '14 at 13:29

Anon

2,854
14
18

score 0 · Accepted Answer · edited May 23 '17 at 12:29

0

If you want div "A" to always have a class disabled when div "B" has class active, add a listener. That way, when you add class active dynamically, div "A" is updated too.

$('#parent-of-a').bind('DOMSubtreeModified', function(e) {
    if ($('.b').hasClass('active')){$('.a').addClass('disabled')}
});

https://stackoverflow.com/a/17881562/3460076

edited May 23 '17 at 12:29

Community

1
1

answered Sep 03 '14 at 13:35

gidomanders

465
5
16

score 0 · Answer 3 · answered Sep 03 '14 at 13:42

0

if ( $( ".b" ).is( ". active" ) ) {
   $( ".a" ).addClass('disabled');
}

answered Sep 03 '14 at 13:42

rnd

61
1
3

score 0 · Answer 4 · answered Sep 03 '14 at 13:51

0

can you try it?

if($(".b:has('.active')") { $('.a').addClass('disabled'); }

answered Sep 03 '14 at 13:51

Punitha Subramani

1,467
1
8
6

How do I add "disabled" class to the div "A" if div "B" has an "active" class with jquery?

4 Answers4