2013-03-02 2 views
1

я использую «prependTo» JQuery метода, чтобы дублировать элементы формы, но не может удалить нового элемента и не может выбрать, что !!удалить элементы, добавленные с prependTo

+3

Если вы хотите удалить новый элемент, почему PREPEND его в первую очередь? Не могли бы вы прояснить, чего вы хотите достичь? – verisimilitude

+1

Пожалуйста, разместите код или jsFiddle, которые действительно помогут. Мое лучшее предположение, что у вас возникают проблемы с запуском событий на элементе, которые динамически вводятся в DOM, но не видя кода и чего вы пытаетесь достичь, я не могу help .. – Mortalus

+0

Такой код http://jsfiddle.net/WTHYj/1/ –

ответ

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

здесь каждый притворился элемент имеет специальный класс, который TAGS его предваряется ... таким образом, вы можете удалить его ..

Если каждый новый элемент содержит указывая префикс кнопку, предполагают, чтобы удалить его особенно тогда вы будете должны использовать 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, он работает правильно :) –

+0

Если это помогает, отметьте его так, используя зеленый «V», чтобы другие знали. – Mortalus

Смежные вопросы