2013-03-02 59 views
1

加入我使用“prependTo”元素的JQuery方法来复制表格元素,但不能除去新元素和不能选择!!删除与prependTo

+3

如果你想删除的新元素,为什么摆在首位加前缀?你能清楚你想要达到什么吗? – verisimilitude 2013-03-02 11:01:43

+1

请张贴一些代码或jsFiddle,这将真正帮助..我最好的猜测目前,您在触发事件上动态注入DOM元素时遇到问题,但没有看到代码以及您试图实现的操作,我无法做到帮助.. – Mortalus 2013-03-02 11:02:17

+0

这样的代码 http://jsfiddle.net/WTHYj/1/ – 2013-03-02 11:39:47

回答

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(); 
}); 
+0

谢谢Mortalus,它的工作原理:) – 2013-03-02 11:50:03

+0

如果它有帮助,请使用绿色的“V”标记,以便其他人可能知道。 – Mortalus 2013-03-02 12:34:30