2012-01-03 68 views
36

enter image description herejQuery的克隆股利和

嗨追加之后的具体格,从上面的图片,我想克隆与编号CAR2 div和ID为最后一个div之后追加它开始与汽车,在这示例id#car5。我该怎么做? 谢谢。

这是我尝试代码:

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

回答

104

您可以使用克隆,然后因为每个div有一类car_well可以使用insertAfter后插入最后一个div。

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

我试图使用相同的方式向表单添加多个附件。 你可以请解释如何删除这个div与一个中立的功能(所以基本上,我会有1功能添加div和另一个删除最后的div) – 2017-03-02 17:25:59

+0

这工作正常,但具有匿名函数的html()可能更强大,取决于应用。 https://stackoverflow.com/questions/8707756/jquery-clone-div-and-append-it-after-specific-div#answer-47063071 – plaidcorp 2017-11-01 20:26:07

8

尝试了这一点

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

我喜欢它 - HTTP ://jsfiddle.net/VgwKt/ – mrtsherman 2012-01-03 04:09:53

+0

如何在克隆后增加车号为6的车号? – Mikeys4u 2015-12-09 13:48:35

+0

@ Mikeys4u我不确定我的头顶,我发现这个线程在同一主题http://stackoverflow.com/questions/10126395/how-to-jquery-clone-and-change-id – mcgrailm 2015-12-09 17:33:16

0

如果直接复制是按顺序的,这很好用。如果形势需要从模板创建新的对象,我通常包裹模板格在一个隐藏的储存格并结合使用jQuery的HTML()与克隆()采用以下技术:

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