jQuery inconsistent .remove by class on element with multiple classes
- by pedalpete
I've got a page where messages and associated elements (responses, forwards, etc) all share a class based on the database id of the parent.
For example
this is a message
this is another message
this is a comment
this is another comment
tim posted a new message
sara forwarded a message to john
at times I need to remove all elements with the same id, so I originally had
jQuery('div#'+id).remove();
but that would sometimes not remove all the ids because ids are supposed to be unique.
So I added the id as a class. now I use
jQuery('div.'+id).remove();
but this seems to be about 80% effective, and sometimes the divs aren't being removed.
I'm not sure if the issue is because the div has more than one class, but I need the classes because that is how I refer to the elements when somebody clicks.
For instance,
jQuery('div.message').click(function(){
get the id, send it to the server and get the message
});
is there something wrong I'm doing here? or is there a better way to do this?