jquery - 親/追加/先頭の配置

Question

ダブルクリックすると、クリックした要素の新しいクローンが作成されます。この新しいクローンを親ラッパーの先頭に追加することが不可欠です。ただし、クローン ターゲットの上に要素があるため、これは問題になります。生成されるクローンは、この 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").click(function() {
    var $clone = $(this).clone(true);
    $(this).parent().find(".misc_element:last").after($clone);
});

ここで試すことができます。

http://api.jquery.com/after/を参照してください

Answer 2

できるよ

$('.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'));
    }
});