如何删除javascript/jquery中动态创建的元素？

所以我想找出一种方法来删除程序中动态创建的元素。我当前可以在当前图案的上方或下方添加图案

我想做的是，在两行方格旁边添加一个删除按钮，一旦用户点击该按钮，特定图案就会被删除，所有其他图案都会移动到正确的位置

到目前为止我所做的：

var id_num = 1;
var picker = null;
$(function () {
$(document).on('click', ".repeat", function (e) {
    e.preventDefault();
    var $self = $(this);
    var $parent = $self.parent();
    if($self.hasClass("add-bottom")){
      $parent.after($parent.clone(true).attr("id", "repeatable" + id_num));
      id_num = id_num + 1;
      //picker = null;

    } else {
      $parent.before($parent.clone(true).attr("id", "repeatable" + id_num));
      id_num = id_num + 1;
      //picker = null;
    }
});   
});

---

非常感谢您的帮助或反馈

您可以在容器中添加“删除”按钮并使用它进行删除。 可以很容易地将按钮移动到您想要的位置

---

您可以在容器中添加“删除”按钮并使用它进行删除。 可以很容易地将按钮移动到您想要的位置

---

您可以查看按钮的父级并强制删除：

var elem = document.getElementById("yourid");
    elem.parentElement.removeChild(elem);

在创建另一个repeatableX时，您还将仅为我假设的容器创建一个按钮

---

在该按钮上单击，您将查看该按钮的父ID（在您的情况下为repeatableX），然后告诉它删除该父ID，类似于上面的代码片段。

您可以查看该按钮的父ID并强制删除：

var elem = document.getElementById("yourid");
    elem.parentElement.removeChild(elem);

在创建另一个repeatableX时，您还将仅为我假设的容器创建一个按钮

---

在该按钮上单击，您将查看该按钮的父ID（在您的情况下为repeatableX），然后告诉它删除该父ID，类似于上面的代码片段。

您知道如何使“删除”按钮显示在两行方框旁边吗？您很可能必须为动态生成的内容添加类。Jquery会让这更容易yourElem.addClass newClass；只需在创建按钮时套住它即可。@blazerix这是一个样式问题，您必须忽略js来设计它。这是一个简单的例子：但是最好是查看html结构。您知道如何使“删除”按钮出现在两行正方形旁边吗？您很可能需要为动态生成的内容添加类。Jquery会让这更容易yourElem.addClass newClass；只需在创建按钮时套住它即可。@blazerix这是一个样式问题，您必须忽略js来设计它。这是一个简单的例子：但是最好是查看html结构Tobia的答案更完整，按照他的答案去做。我知道stackoverflow建议不要发表离题文章…但是感谢您的回复！Tobia的答案更完整，跟他的一样。我知道stackoverflow建议不要发表离题文章……但谢谢你的回复！