jQuery क्लोन div और ऊपर विशिष्ट div के बाद संलग्न

Question

हाय दोस्तों, तस्वीर से, मैं आईडी # car2 साथ div क्लोन और आईडी के साथ पिछले div के बाद संलग्न कार के साथ शुरू करते हैं, इस में करना चाहते हैं उदाहरण आईडी # कार 5। मैं यह कैसे कर सकता हूँ? धन्यवाद।

यह मेरी कोशिश कोड है:

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

Answer 1

आप क्लोन उपयोग कर सकते हैं, और तब से प्रत्येक div car_well आप insertAfter उपयोग कर सकते हैं की एक कक्षा के बाद सम्मिलित करने के लिए है अंतिम div

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

Answer 2

इस बाहर की कोशिश

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

Answer 3

यदि कोई सीधी प्रति क्रम में है तो यह बहुत अच्छा काम करता है। स्थिति टेम्पलेट्स से नई वस्तुओं बनाने के लिए कहता है, तो मैं आमतौर पर टेम्पलेट div एक छिपा भंडारण div में) लपेट और क्लोन के साथ संयोजन के रूप में jQuery के एचटीएमएल() का उपयोग करें (निम्न तकनीक को लागू करने:

<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>