Question

所以我有一个系统，网站的用户可以创建div并且所有这些div都有不同的类名，所有这些div都会创建一个删除按钮与同一个班级。如何在单击按钮时删除按钮和具有相同类的div。

我认为它会是这样的：

$("div.Test").remove();

只有这个标签。

Answer 1

在按钮的点击事件中：

var thisClass = $(this).attr("class");
$('div.' + thisClass).remove();

Answer 2

$("button").click(function(){

   $("div."+$(this).attr('class')).remove();
   // $("."+$(this).attr('class')).remove(); to remove both button and div

});

假设button只有一个类名与div的类名匹配。

Answer 3

您需要一种选择所有按钮的方法。我将使用可用于访问的类创建按钮，并使用数据属性来保存要删除的div类。像这样：

<button class="remove-btn" data-remove="div-class">Remove</button>

然后你可以这样做：

$(function(){
    $('.remove-btn').on("click", (function(){
        var remove = $(this).data('remove');
        $('.' + remove).remove();
        $(this).remove();
    });
});

Answer 4

首先，您需要获取所单击按钮的类，然后找到具有相同类的div并将其删除。稍后，只需删除您点击的按钮：

$("#your-button-id").click(function() {
    var className = $(this).attr('class'); // find the button class
    $('div.' + className).remove(); // remove the div with the same class as the button
    $(this).remove(); // remove the button
});

如何删除具有相同类的所有元素

4 个答案: