Question

我为每个附加到在线用户的用户提供div，当特定用户离开时我想删除他的附加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的元素之前更改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();`

Js追加并删除特定的div

3 个答案: