remove a class element

Question

How to remove a class that has been appended to a div id? Earlier I appended a star to a label,when a checkbox is click.

 $("<span class='req'><em> * </em></span>").appendTo("#displayPanel #labelstr"+div_id);

Now,if the same checkbox is clicked again I want to remove that star. I know there is a remove() option, but what is the proper code for it? Please guide me.

Answer 1

My guess:

$('#displayPanel #labelstr'+div_id+' .req').remove();

if you want to remove the .req and only have one of them per element.

Answer 2

By the looks of it, you're not trying to remove a class which would be the removeClass() command, but instead need to remove a child element from a <div>

You could do

$("#displayPanel #labelstr" + div_id + " span.req").remove();

to remove the child span element with class 'req' from the <div>.

Answer 3

No need to use 2 id selectors as they 'should' be unique, so just do

$("#labelstr" + div_id + " span.req").remove();

Answer 4

I found out the answer. It is

   $('.req').remove();

Earlier I tried the same,without the quotes, that is why I didn't get the required result.

@machine: Yes,it is jQuery. Thank you.