Добавить элемент в определенную позицию относительно клика

Question

Добавить элемент в определенную позицию относительно клика

0

У меня есть следующая настройка. Мне нужно щелкнуть по вложенному элементу и клонировать родительский элемент сразу после относительного div.

Например:

<div class="container">
   <div class="item class1">
        <button class="nested"></button>
   </div>
   <div class="item class2">
        <button class="nested"></button> //Click on this
   </div>
   <div class="item class3">
        <button class="nested"></button>
   </div>
   <div class="item class4">
        <button class="nested"></button>
   </div>
</div>

В результате я хотел бы:

<div class="container">
   <div class="item class1">
        <button class="nested"></button>
   </div>
   <div class="item class2">
        <button class="nested"></button>
   </div>
   <div class="item class2"> // This is the resulting element at this specific position.
        <button class="nested"></button>
   </div>
   <div class="item class3">
        <button class="nested"></button>
   </div>
   <div class="item class4">
        <button class="nested"></button>
   </div>
</div>

KingKongFrog 27 апр. 2014, в 22:09

Источник

Теги:

jquery

html

1 ответ

Ещё вопросы

adeneo · Accepted Answer · 2014-04-27T17-13-00.000Z

Получите ближайший .item, .item его и запишите его после себя

$('.nested').on('click', function() {
    var item  = $(this).closest('.item'),
        clone = item.clone();

    item.after(clone);
});

Обратите внимание, что для этого вам нужно фактически закрыть свои элементы.

FIDDLE