jQuery：动态生成的"；删除“；按钮工作不正常

我有一个

表单

，带有一个

按钮

，可以动态添加一个

div

，其中包含一个

段落

和一个“删除”

按钮

：

<!--form-->
<form></form>

<!--dynamically add div with paragraph and remove button-->
<button onclick="addParagraph()">Add Paragraph</button>

<script>

    //remove div
    $(".remove").click(function() {
        $(this).parent.remove();
    });

    //add paragraph div
    function addParagraph(){
                $("form").append('<div><textarea></textarea><button class="remove">Remove</button></div>');
    }

</script>

添加段落
//删除div
$（“.remove”）。单击（函数（）{
$（this.parent.remove（）；
});
//添加段落div
函数add段落（）{
$（“表格”）。追加（‘删除’）；
}

不幸的是，如果我添加多个div并单击remove按钮，它将删除所有动态生成的div。我怎样才能得到它，使它只删除一个div

---

我还尝试了

$（this）.closest（“div”）.remove（），但结果相同。
对于动态创建的元素，您必须使用
.live（）
但是，
live（）
在1.7中被弃用，取而代之的是
on（）
，并在
1.9中被完全删除。
live（）
签名：

如果jQuery的版本高于1.9，则可以使用jQuery.fn.on

我建议使用
.on
下面是
.on
函数的签名

$(document).on( eventName, selector, function(){} );

$("body").on("click", ".remove", function(event){
    //Do Some stuff
});

已解决版本：

$("body").on('click', '.remove', function(event)
{
     $(this).parent.remove();
});

对于动态创建的元素，您必须使用
.live（）
，但是
live（）
在1.7中被弃用，取而代之的是
on（）
，并在
1.9中被完全删除。
live（）
签名：

如果jQuery的版本高于1.9，则可以使用jQuery.fn.on

我建议使用
.on
下面是
.on
函数的签名

$(document).on( eventName, selector, function(){} );

$("body").on("click", ".remove", function(event){
    //Do Some stuff
});

已解决版本：

$("body").on('click', '.remove', function(event)
{
     $(this).parent.remove();
});

对动态添加的元素执行

$(document).on('click',".remove",function() {
     $(this).parent.remove();
});

下面的工作片段：


//删除div
$（文档）.on（'click'，.remove'，函数（e）{
$（this.parent（）.remove（）；
});
//添加段落div
函数add段落（）{
$（“表格”）。追加（‘删除’）；
}

添加段落
为动态添加的元素执行

$(document).on('click',".remove",function() {
     $(this).parent.remove();
});

下面的工作片段：


//删除div
$（文档）.on（'click'，.remove'，函数（e）{
$（this.parent（）.remove（）；
});
//添加段落div
函数add段落（）{
$（“表格”）。追加（‘删除’）；
}

添加段落
文档后面缺少一个点Yep@谢谢你的信息。。更新了答案。答对了。我会接受这个答案。谢谢。随时。。快乐编码…）文件后你缺了一个点是的@谢谢你的信息。。更新了答案。答对了。我会接受这个答案。谢谢。随时。。快乐编码…）