Javascript 如何删除此引导div

我想能够删除一个按钮点击一个div，该div是一个引导卡 这是分区：

$（“按钮”）。单击（函数（）{
$（this.parent（）.closest（'div'）.hide（）；
});

巧克力奶油
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
编辑
删除
去除
使用方法并指定要隐藏的选择器。
如果您想
删除
内容而不是
隐藏
，请使用

对于删除

$(this).parents('.col-md-4.col-xs-4').parent().empty();

$(this).parents('.col-md-4.col-xs-4').hide();

对于隐藏

$(this).parents('.col-md-4.col-xs-4').parent().empty();

$(this).parents('.col-md-4.col-xs-4').hide();

代码

$(this).parents('.col-md-4.col-xs-4').parent().empty();

$(this).parents('.col-md-4.col-xs-4').hide();


$（“按钮”）。单击（函数（）{
$（this.parents（'.col-md-4.col-xs-4'）.hide（）；
});

巧克力奶油
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
编辑
删除
去除
有一个jquery
parents（）
，它将通过传递任何选择器来找到父元素，它将找到该元素。因此，在您的示例中，您必须通过该选择器传递类名
.col-md-4
或
.card
，您可以执行任何操作


$（“按钮”）。单击（函数（）{
$（this.parents（“.col-md-4”）.hide（）；
});
.col-md-4{边框：1px红色实心
}

巧克力奶油
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
编辑
删除
去除
巧克力奶油
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
编辑
删除
去除
巧克力奶油
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
编辑
删除
去除
父级
仅向上一级。您应该使用最近的
：

$("button").click(function () {
    $(this).closest('div.col-md-4.col-xs-4').remove();
});

给你一个解决方案


$（“按钮”）。单击（函数（）{
$（this）.closest（'div[class=“col-md-4 col-xs-4”]”）。slideUp（“slow”，function（）{
$（this.remove（）；
});
});

巧克力奶油
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
编辑
删除
去除
是否要删除
此div？我相信这将删除该按钮also@PankajMakwana是的，我想删除那个div