I want to remove class if two classes found in a div, with jQuery function I have tried but not working

Question

$(document).ready(function(){

$(".block").addClass("dock_on_load");

});

$(document).ready(function(){
    var someElem = $("#block-region-side-post");
    if (someElem.is('.block, .hidden')) {
       $('.dock_on_load').removeClass('dock_on_load');
    }
});

I want to remove class dock_on_load if two classes found .block, .hidden and other hand if only block class found add dock_on_load but it is not working

you want to remove .dock_on_load from $someElem or need to remove other element with .dock_on_load ?? — Nishit Maheta, Apr 02 '15 at 11:31

Nishit Maheta · Answer 1 · 2015-04-02T11:38:24.890

0

use below code . don't need to use before class '.' in hasClass().

if ($someElem.hasClass('block') && $someElem.hasClass('hidden')) {

       $('.dock_on_load').remove();  //if you want to remove element 

   // if you wan to remove class from $someElem use below code

      $someElem.removeClass('dock_on_load'); 

 }

edited Apr 02 '15 at 11:38

answered Apr 02 '15 at 11:32

Nishit Maheta

6,021
3
17
32

score 0 · Answer 2 · answered Apr 02 '15 at 11:35

0

use .removeClass(); instead of .remove();

answered Apr 02 '15 at 11:35

ozil

6,930
9
33
56

score 0 · Answer 3 · edited May 23 '17 at 11:43

0

As an alternative to Nishit's answer, you can do the following:

$(document).ready(function(){
    var someElem = $("#block-region-side-post");
    if (someElem.is('.block, .hidden')) {
       $('.dock_on_load').removeClass('dock_on_load');
    }
});

As discussed here, this approach may be slower than using hasClass.

edited May 23 '17 at 11:43

Community

1
1

answered Apr 02 '15 at 11:41

thy_stack_overfloweth

442
3
10

Note: just to be clear, if performance is at all a concern, go with `.hasClass`. – thy_stack_overfloweth Apr 02 '15 at 11:44

I want to remove class if two classes found in a div, with jQuery function I have tried but not working

3 Answers3