Question

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

我要做的是创建一个可以通过单击按钮创建的<div class="example">CONTENT</div>。 div包含要填写的表单，用户应该能够向页面添加14个表单（页面加载第一个表单）。

每个div还需要一个“删除按钮”，它将从页面中删除该特定div。

这可能吗？

Answer 1

您正在寻找的功能如下（使用jquery）

的Javascript

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

此函数捕获具有“删除”类的按钮上的单击事件，并获取按钮ID。然后，在内存中使用该id，它遍历DOM并删除类型为 div 和id：我们存储的id 的节点。希望有意义！

HTML

<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>

Jsfiddle：http://jsfiddle.net/MVLP5/

单击按钮（HTML，CSS）</div>添加<div>

1 个答案: