Javascript 删除html中选定的div

在这里，我在收件箱页面上工作，在那里我必须显示邮件。 有一个jsp代码，当新邮件到达数据库时，该代码会递增

我放置了一个删除按钮，以便可以删除所选邮件。但当我点击Del按钮时，由于功能放置错误，整个收件箱都被删除了

守则亦载于：

---

我想问一下如何在这里删除特定的行或Div？

您使用的是class.del\u mail，因此通过jquery调用删除此类元素上的所有Div

---

一个可能有效的解决方案：您可以根据递增的变量放置一个不同的id，例如id=del_mail_3，并通过将i传递给deletecheckbox来删除正确的元素$del_mail_3。

使用下面的代码，这将起作用。请在您的项目中添加jquery库

$(document).ready(function(){
    $(".del_mail").click(function(){

     if (document.getElementById('checkboxid').checked){
        var answer = confirm('Are you sure you want to delete this checkbox?');
        if (answer)
        {
          $(this).remove();
        }
         else{
           alert("Pls check the checkbox.");
        }
     }
    });
});

使用此代码：

<button align="right" id="btnDeleteid" onclick="deleteCheckBox(this)" name="btnDeletename">Delete</button>

你可以在我取的参数中得到这个对象。通过获取该值，可以选择要删除的父节点

在代码中，您使用的是.del_邮件，它选择了所有 元素，并删除所有这些元素 元素

---

整个收件箱是什么意思？您的del_mail div包含几乎整个收件箱，但没有标题。没关系，我知道了。您正在使用jquery函数的类选择器，因为该类应用于所有行，因此它将清除每一行。您需要一种机制来区分行。然后将微分因子传递给javascript函数以获得所需的div。您不应该使用类删除，而应该为每一行使用ID。@SurjithSM:是的！我明白你的意思。如何使动态id的，如果有1000封邮件，我将能够生成动态id的？添加jQuery是一个选项，我已经给出了我的答案，如果你不喜欢，请忽略，但请不要否决它。我们是来帮助您的，当您选择$this.remove；在$.del_mail.clickfunction{}中，它将只删除已单击的项。这就是为什么这个关键字representMan尝试你提出的代码。。。这里我有不止一封邮件。。。我想要的功能是：单击复选框，然后按Delete。。。然后只删除div。我已经根据您的请求修改了代码，这在前面给出的问题陈述中没有提到。现在试着让我知道，如果它不起作用，那么它将不会影响你已经做过的事downvoted@user3094320按照我的帖子使用代码。这将在html部分中使用，在JS部分中使用，您可以重命名，但只能重命名JS中使用的。

<button align="right" id="btnDeleteid" onclick="deleteCheckBox(this)" name="btnDeletename">Delete</button>

function deleteCheckBox(that){
  if (that.checked){
     var answer = confirm('Are you sure you want to delete this checkbox?');
     if (answer) {
       that.parentNode.remove();
     }
  } else {
    alert("Pls check the checkbox.");
  }
}