添加<；部门>；点击按钮（HTML、CSS）

我想知道如何使用按钮添加或删除特定的

我想做的是创建一个

内容

，它可以通过单击按钮来创建。div包含要填写的表单，用户应该能够向页面添加14个表单（第一个表单加载页面）

每个div还需要有一个“删除按钮”，用于从页面中删除该特定div

---

这可能吗？

下面是您要查找的函数（使用jquery）

Javascript

$('.remove').click(function() {
    var removed = $(this).attr('id');
    $('div#'+removed).remove();
});

此函数捕获类为“remove”的按钮上的单击事件并获取按钮id。然后，使用内存中的id，它将遍历DOM并删除类型为：div和id:our storaged id的节点。希望这有意义

HTML

div1删除
第2课记忆
第3部分删除
第4部分删除

---

jsIDLE:

这是可能的。您可以使用

document.createElement

创建元素，使用

.appendChild（newELement）

将它们附加到现有元素，并通过调用

element.parent.removeChild（element）

删除元素。这是可能的，但使用Javascript，而不是纯HTML和CSS。谢谢@JohannesH。我找到了一些相关的教程，但是如何定义我希望按钮添加的内容呢？我发现了这一点：但我不确定如何定义放置在中的所有内容，在该示例中，它只是在div中创建文本。

newDiv.innerHTML=“content”

@JohannesH。好的，我还要将.innerHTML添加到

var newDiv=document.createElement（“div”）

这将使它成为

var newDiv.innerHTML=document.createElement（“div”）？我将我的内容放在“”in（“div”）中？谢谢
<div id="1">Div 1<button class="remove" id="1">Remove</button></div>
<div id="2">Div 2<button class="remove" id="2">Remove</button></div>
<div id="3">Div 3<button class="remove" id="3">Remove</button></div>
<div id="4">Div 4<button class="remove" id="4">Remove</button></div>