的js追加和删除特定的div

Question

我有格为附加到onlineusers每个用户，当特定的用户离开我要删除他的附加DIV

IM添加在线用户是这样的：

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

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

为例如我想删除用户数据-ID 60 所以我尝试

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

感谢所有帮助

Answer 1

您可以在要删除的jQuery集合上调用remove()，而不是父级。您可以使用属性选择这样做：

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