jquery bản sao div và thêm nó sau khi div cụ

Question

Hi guys, từ hình trên, tôi muốn nhân bản div với id # car2 và thêm nó sau khi div ngoái với id bắt đầu với chiếc xe, trong này ví dụ id # car5. Làm thế nào tôi có thể làm điều đó? Cảm ơn.

Đây là mã cố gắng của tôi:

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

Answer 1

Bạn có thể sử dụng bản sao, và sau đó vì mỗi div có một lớp của car_well bạn có thể sử dụng insertAfter để chèn sau div cuối cùng.

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

Answer 2

thử này ra

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

Answer 3

Điều này có tác dụng tuyệt vời nếu có bản sao thẳng. Nếu tình huống kêu gọi tạo đối tượng mới từ mẫu, tôi thường quấn div mẫu trong div lưu trữ ẩn và sử dụng html của jquery() cùng với clone() áp dụng kỹ thuật sau:

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