Question

我需要在点击按钮时删除div。我制作了卡片查看页面，我制作了jquery函数，用于删除删除按钮单击的div。当我点击删除按钮时，所有div都被删除。如何解决此错误。我给所有删除按钮id =“rd”。＆安培;将class =“mcpd”赋予所有div。

$('#rb').click(function(){
    $('.mcpd').remove();
});

Answer 1

这应该有效，因为您要删除类“mcpd”

任何div

DROP TABLE IF EXISTS filterd-ratlog;
create external table filterd-ratlog(
col1 int,
col2 int,
col3 int,
dt string,
service_type string,
event_type string)
ROW FORMAT DELIMITED FIELDS TERMINATED BY ',' LINES TERMINATED BY '\n'
location '/user/atscale/filterd-ratlog';

$("#rd").on("click",function(){
  $("div").remove(".mcpd");
});

Answer 2

如果我理解正确，你试图删除1 div，当用户点击按钮时，但是所有的div都被删除了？他们被删除的原因是因为他们都有同一个班级。给每个div一个不同的ID，这应该可以解决您的问题。

$('#rb').click(function(){
    $('#mcpd1').remove();
});

Answer 3

从我收集的内容

我给所有删除按钮id =“rd”。＆安培;将class =“mcpd”赋予所有div。

您无法复制ID。

您需要做的是为该按钮指定一个类，并将相应div的ID作为data-属性

所以你的按钮就像

<a class="rb" data-div="mcpd1">Remove</a>

然后你可以让你的jQuery像

$(".rb").click(function(){
    var div = $(this).attr("data-div");
    $("#" + div).remove();
});

如果我错了，你想在一次点击按钮上删除所有div（如果你的ID没有重复），那么你可以尝试以下方法：

$("#rb").click(function(){
    $("div.mcpd").remove();
});

Answer 4

请查看此更新的代码：

https://jsfiddle.net/uwvx8hn6/4/

我修改了删除span，如下所示：

<span class="waves-effect waves-light rb">Remove</span>

我们已将rb类提供给所有此类span而不是id，并且click我们只是删除关联的父div，如下所示：

$(document).ready(function() {
  $('.rb').click(function() {
    $(this).closest('.mcpd').remove();
  });
})

如何使用jquery删除btn上的div

4 个答案: