2013-03-02 44 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