Js добавлять и удалять конкретные DIV

Question

У меня есть DIV для каждого пользователя, приложенного к onlineusers и когда конкретный отпуск пользователя я хочу, чтобы удалить прилагаемый DIV из него

им добавлять онлайн-пользователям так:

for(var i=0;i < data.length; i++) { 

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

для Например, я хочу, чтобы удалить пользователя с данными идентификатором 60 поэтому я попытался

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

Спасибо за любую помощь

Answer 1

Вы вызываете remove() в коллекцию jQuery, которую хотите удалить, а не родитель. Вы можете использовать селектор атрибута, чтобы сделать так:

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

Вы также можете использовать filter() вместо фильтрации вашего выбора, скажем, если вы хотите изменить .user элементы перед удалением одного с определенным data-id:

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

JSFiddle

Answer 2

Вы можете попробовать использовать 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>'); 
     }` 

Я бы изменил это на это.

`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();`