jquery clone div and append it after specific div

jquery clone
cyberfly picture cyberfly · Jan 3, 2012 · Viewed 131.5k times · Source

enter image description here

Hi guys, from the picture above, I want to clone the div with id #car2 and append it after the last div with id start with car, in this example id #car5. How i can do that? Thanks.

This is my try code:

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

Answer

letuboy picture letuboy · Jan 3, 2012

You can use clone, and then since each div has a class of car_well you can use insertAfter to insert after the last div.

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

Related questions

How to jQuery clone() and change id?

I need to clone the id and then add a number after it like so id1, id2, etc. Everytime you hit clone you put the clone after the latest number of the id. $("button").click(function() { $("#id").clone().after("#id"); });

Read More
jQuery Clone table row

I have a table with an Add button on the end. When you click this button I want a new table row to be created underneath the current one. I also want the input fields on this row to be …

Read More
Is it possible to clone html element objects in JavaScript / JQuery?

I am looking for some tips on how to solve my problem. I have a html element (like select box input field) in a table. Now I want to copy the object and generate a new one out of the …

Read More