jquery - 删除使用 prependTo 添加的元素

Question

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

Answer 1

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

你可以尝试这样的事情：http: //jsfiddle.net/3Jymb/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();
});