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