jQuery klon div ve ben bunda, araba ile başlamak id # car2 ile div klonlamak ve kimlikli son div sonra eklemek istediğiniz, yukarıdaki resimden, belirli div sonra

Question

Merhaba çocuklar ekler örnek kimlik # car5. Bunu nasıl yapabilirim? Teşekkürler.

Bu benim deneyin kodudur:

$("div[id^='car']:last").after('put the clone div here'); 

Answer 1

bu denemek ve ardından her div sonra eklemek için sen InsertAfter kullanabilirsiniz car_well bir sınıfı vardır beri son div

$("#car2").clone().insertAfter("div.car_well:last"); 

Answer 2

Sen klon kullanabilirsiniz

$("div[id^='car']:last").after($('#car2').clone()); 

Answer 3

Düz bir kopya sıralıysa, bu harika çalışır. durum şablonlardan yeni nesneler yaratmak için çağırırsa, ben genellikle aşağıdaki tekniğini uygulayarak) (gizli saklama div şablon div sarın ve klon ile birlikte jQuery'nin html() kullanın:

<style> 
#element-storage { 
    display: none; 
    top: 0; 
    right: 0; 
    position: fixed; 
    width: 0; 
    height: 0; 
} 
</style> 

<script> 
$("#new-div").append($("#template").clone().html(function(index, oldHTML){ 
    // .. code to modify template, e.g. below: 
    var newHTML = ""; 
    newHTML = oldHTML.replace("[firstname]", "Tom"); 
    newHTML = newHTML.replace("[lastname]", "Smith"); 
    // newHTML = newHTML.replace(/[Example Replace String]/g, "Replacement"); // regex for global replace 
    return newHTML; 
})); 
</script> 

<div id="element-storage"> 
    <div id="template"> 
    <p>Hello [firstname] [lastname]</p> 
    </div> 
</div> 

<div id="new-div"> 

</div>