javascript - 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>');
      }

例如我想删除 data-id 60 的用户所以我尝试了

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

感谢您的帮助

Answer 1

您对要删除的 jQuery 集合(而不是父集合)调用 remove()。您可以使用属性选择器来执行此操作:

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

您还可以使用 filter() 而不是过滤选择器，例如，如果您想在删除具有特定 的元素之前更改 .user 元素数据ID:

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

JSFiddle