remove class in jquery not functioning

Question

My Code..

            if($("#edButtonHTML").is(".active"))
            {
                $("#edButtonHTML").removeClass("active");
                $("#edButtonPreview").addClass("active");
            }

I need to remove active class from element #edButtonHTML and add to #edButtonPreview Unfortunately not functionating...Help me

Are you sure your if condition is satisfied? Put alter statements to check this — Chinmayee G
– Chinmayee G, Commented Dec 2, 2010 at 9:08
have you checked it using a browser debugging tool like firebug if the class was really removed? Or did you check that the condition really went inside the if statement? — Ian Jasper
– Ian Jasper, Commented Dec 2, 2010 at 9:16

Chinmayee G · Accepted Answer · 2010-12-02 09:10:27Z

3

Change your if condition to [assuming active is your class name

 if($("#edButtonHTML").hasClass("active"))
 {
    $("#edButtonHTML").removeClass("active");
    $("#edButtonPreview").addClass("active");
 }

answered Dec 2, 2010 at 9:10

Chinmayee G

8,1172 gold badges34 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mohan Ram Over a year ago

Its not working for me even i used hasClass i am using newer version of jquery.

Ian Jasper Over a year ago

actually .hasClass("active") is a better way for checking a class but .is(".active") also works. I think the question here is, was the condition satisfied or is the element with edButtonHTML that has a class named active found in the page.

Chinmayee G Over a year ago

Yes that is true. My First comment is the same question

riffnl · Accepted Answer · 2010-12-02 09:12:17Z

0

Don't think the if-statement will resolve. You can always add an alert statement inside the if to check. Another option to use is hasClass("active"), so

if ($("#edButtonHTML").hasClass("active") {
//go on

answered Dec 2, 2010 at 9:12

riffnl

3,1911 gold badge21 silver badges33 bronze badges

Comments

Ian Jasper · Accepted Answer · 2010-12-02 09:33:20Z

0

My suggestion is do some old school approach. Put an alert statement inside the if statement to see if it was really raised.

        alert("Before if condition.");
        if($("#edButtonHTML").is(".active"))
        {
            alert("Condition was satisfied");
            $("#edButtonHTML").removeClass("active");
            $("#edButtonPreview").addClass("active");
        }

Old school but it works for debugging. But you can use firebug, IEDebugbar or any other browser debugging tool to check if your javascript worked fine.

answered Dec 2, 2010 at 9:33

Ian Jasper

3,0787 gold badges39 silver badges59 bronze badges

2 Comments

Mohan Ram Over a year ago

It shows alert but i doesnt remove class. I heard that jquery new version not function properly sometimes using removeClass

Mohan Ram Over a year ago

jQuery JavaScript Library v1.4.2

aksarben · Accepted Answer · 2010-12-02 17:01:34Z

0

Since you didn't post your HTML, we can't offer a definitive answer. But a couple of suggestions:

Use a JavaScript debugger (I like Firebug) to put a break point inside your "if" condition, to see if code execution ever gets there.
If you're convinced the remove function isn't working, post a question in a JQuery forum, or submit a bug report on the JQuery site.

answered Dec 2, 2010 at 17:01

aksarben

414 bronze badges

Collectives™ on Stack Overflow

remove class in jquery not functioning

4 Answers 4

3 Comments

Comments

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

2 Comments

Comments

Related