Jquery按数据属性删除div

当您单击X时，如何按数据属性删除此父div，如您所见

数据userid

可更改。也许应该是这样

$（'.delete'）。查找（“[data userid='“+userid+”]）

，userid指的是数字

<div>
    Just Test
    <a class="delete" href="#" data-userid="5">X</a> 
</div>
<div>
    Just Test
    <a class="delete" href="#" data-userid="6">X</a> 
</div>

只是测试
只是测试

我们开始： remove（）函数可以帮助您！ 以下是一个例子：

jQuery：

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("#div1").remove();
    });
});
</scrpt>

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“#div1”）.remove（）；
});
});

HTML:

这是div中的一些文本。
这是该分部的一段

这是该分部的另一段



删除div元素

希望有帮助；）

.find（）

将查找使用

$（'.delete'）

选择的元素的子元素。相反，直接选择具有所需数据属性的

a

，然后向上搜索其父项

var userId = 5;
var link = $('.delete[data-userid="' + userId + '"]');
var parent = link.parent();

现在您可以像这样删除整个

div

：

parent.remove();

$('.delete[data-userid="' + userId + '"]').parent('div').remove();

---

这应该可以做到

$('.delete').on('click',function(){
        //$(this).parent().remove();
        $(this).parent().hide();
});

---

如果要删除父div，应使用如下父选择器：

parent.remove();

$('.delete[data-userid="' + userId + '"]').parent('div').remove();

我在您的问题中了解到，您希望删除单击的

a

的父div，因此您也可以这样做：

$("a.delete").click(function(){
  $(this).parent('div').remove();
});

---

我希望我的回答能对您有所帮助。

如果您想为所有用户删除元素，那么您只需将id添加到元素中，然后使用

$（“#id”）.remove（）将其删除即可但如果要基于任何特定用户进行删除，则可以使用数据属性查找元素并将其删除。
使用remove（）函数