Jquery clone div и добавьте его после определенного div

enter image description here

Привет, ребята, с рисунка выше, я хочу клонировать div с id # car2 и добавлять его после последнего div с id начинать с автомобиля, в этом примере id # car5. Как я могу это сделать? Спасибо.

Это мой код:

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

Ответы

Ответ 1

Вы можете использовать клон, а затем, поскольку каждый div имеет класс car_well, вы можете использовать insertAfter для вставки после последнего div.

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

Ответ 2

попробуйте это

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

Ответ 3

Это отлично работает, если выполняется прямая копия. Если ситуация требует создания новых объектов из шаблонов, я обычно завершаю шаблон div в скрытом хранилище div и использую jquery html() в сочетании с clone(), применяя следующую технику:

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