How to remove dynamically created classes

Question

I'm working with a script which ads a class on click of some element. Is there anyway of removing the dynamically created class with on click event, without knowing/declaring its "name"?

So the Jquery part should say something like "on click: remove the class which has been added right now".

The only thing I can come up with is doing the click event and then removing the last class (which should be the dynamic one) which is answered over here LINK . I'm hoping for a better way though..

This is an odd scenario. Why are you adding these classes like this? Can you post your code? — Blender, Apr 21 '13 at 21:00
@Blender I forgot to mention I don't have access to the script which ads classes — Youss, Apr 21 '13 at 21:02
...? How can you not have access? Is it minified or otherwise altered? — , Apr 21 '13 at 21:03

score 1 · Accepted Answer · answered Apr 21 '13 at 21:03

1

This is a rather peculiar situation. You might want to re-think your logic or perhaps have some sort of toggle logic attached to the relevant class.

In any case, I would accomplish this by having an additional data-* property containing the last added class name. For example:

// Adding the classname
var className = myClass;
$('#element').addClass(className).data('lastclass',className);

// Removing last added class
var elem = $("#element");
elem.removeClass(elem.data('lastclass'));

answered Apr 21 '13 at 21:03

Lix

47,311
12
103
131

How is this different from the answer for which I put a link in my question, on click: `$(this).removeClass($(this).attr('class').split(/\s+/).pop());` – Youss Apr 21 '13 at 21:10
Well I'm not too sure how consistent the ordering is. Especially if there are possibly other scripts running. In my method - there can be only one class name in the `data-lastclass` property. – Lix Apr 21 '13 at 21:12

score 1 · Answer 2 · answered Apr 21 '13 at 21:04

1

Once a class has been added to an object, there is no way to distinguish it from any other classes that may have been on the object before. So, if you can't modify the click code and can't know anything about the name of the dynamic class, then it's pretty hard to know what to remove.

If you can snapshot the class data before it's clicked and store that on the object as an attribute or using jQuery's .data(), then you can set the state back to that condition.

Or, if you can know anything about the class names that are added in the click, then you can search for those class names and remove just those class names.

answered Apr 21 '13 at 21:04

jfriend00

683,504
96
985
979

The class is added on click event, surely that would make some difference..? – Youss Apr 21 '13 at 21:05
2

@Lix - There is no guaranteed order to class names. Adding a class can add them at beginning or end depending upon the code doing the adding. – jfriend00 Apr 21 '13 at 21:11
@Youss - the fact that it's added on a click event really doesn't make any difference or help. – jfriend00 Apr 21 '13 at 21:12
To bad:( I thought the click would make a difference – Youss Apr 21 '13 at 21:17

How to remove dynamically created classes

2 Answers2