Question

我使用“ prependTo ” JQuery 方法来复制表单元素但不能删除新元素而无法选择它！！

Answer 1

所以，不知道你的意思我可以帮助一点......

<强> HTML：添加元素删除元素

<div id="container">
<div>
    <b>I'm an element</b>
</div>
</div>

<强> JS：

$("#addElement").click(function(){
    $("#container").prepend("<div class='prepended'><b>I'm a prepended element</b></div>")
});

$("#removeElement").click(function(){
     $(".prepended").eq(1).remove()
});

这里每个假装元素都有一个特殊的类，它将其标记为前置...这样你就可以删除它..

如果每个新的前置元素都包含一个假设要删除它的按钮，那么您将不得不使用“On”API来帮助您将事件附加到动态添加的DOM元素。

示例：http://jsfiddle.net/xG69Z/3/

<强> HTML：

<button id="addElement">Add Element</button>
<button id="removeElement">Remove Element</button>

<div id="container">
<div>
    <b>I'm an element</b>
    <button class="removeMe"> Remove Me</button>
</div>
</div>

<强> JS：

var i=1;

$("#addElement").click(function(){
    $("#container").prepend("<div class='prepended'><b>I'm a prepended element #"+i+"</b> <button class='removeMe'> Remove Me</button></div>");
    i++;
});

$("#removeElement").click(function(){
     $(".prepended").eq(1).remove()
});

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

删除使用prependTo添加的元素

1 个答案: