Расположение родителя / добавления / предварительного добавления

Question

При двойном щелчке создается новый клон выбранного элемента.Крайне важно, чтобы этот новый клон был добавлен в родительскую оболочку.Однако это становится проблематичным, так как над мишенями клонов есть элемент.Полученные клоны размещаются над этим элементом misc.Мне нужно поместить клоны выше оригинала, но ниже этого элемента misc.

<div id="wrapper">

----> <img class="clone_target Copy"/> *prepend places them here.

<span class="misc_element"></span>

----> <img class="clone_target Copy"/> *the clones should go here.

<img class="clone_target"/>

</div>

Answer 1

Вы можете сделать

$('.clone_target').dblclick(function (e) {
    $(this).before($(this).clone().addClass('copy'));
});

Чтобы ограничить количество сделанных копий,

var MAX_CLONES = 30;
$('.clone_target').dblclick(function (e) {
    if ($(this).prevUntil('.misc_element').length < MAX_CLONES) {
        $(this).before($(this).clone().addClass('copy'));
    }
});

Answer 2

Это должно сделать это:

$(".clone_target").click(function() {
    var $clone = $(this).clone(true);
    $(this).parent().find(".misc_element:last").after($clone);
});

Вы можете попробовать это здесь.

См. http://api.jquery.com/after/