Js append and remove specific div

Question

i have div for each user appended to onlineusers and when specific user leave i want to delete appended div of him

im adding online users this way:

 for(var i=0;i < data.length; i++) {
 $('#onlineusers').append('<div class="user" data-id="' + data[i].id + '"><span>' + data[i].jmeno + '</span></div>');
 }

for example i want to remove user with data-id 60 so i tried

 $('#onlineusers').remove('<div class="user" data-id="60"></div>');

Thanks for any help

Answer 1

You call remove() on the jQuery collection you want to remove, not the parent. You can use the attribute selector to do so:

$('div.user[data-id=60]').remove();

You could also use filter() instead of filtering your selector, say if you wanted to change the .user elements prior to removing one with a specific data-id:

$('div.user').filter('[data-id=60]').remove()

JSFiddle

• T.J. Crowder: +1 "...on the selector..." On the jQuery set you've created using that selector.

Answer 2

You can try using the attribute selector

$('.user[data-id="60"]').remove()

Answer 3

`for(var i=0;i < data.length; i++) {
 $('#onlineusers').append('<div class="user" data-id="' + data[i].id + '"><span>' + data[i].jmeno + '</span></div>');
 }`

i would change this to this .

`for(var i=0;i < data.length; i++) {
 $('#onlineusers').append('<div class="user" id="' online+ data[i].id + '"><span>' + data[i].jmeno + '</span></div>');
 }`
 `$('#online60').remove();`