父/追加/前置安排

Question

双击时，将创建所单击元素的新克隆。这个新的克隆必须添加到父包装器的前面。然而，这会成为问题，因为克隆目标上方有一个元素。产生的克隆被放置在这个杂项元素之上。我需要将克隆放置在原始元素之上，但在此杂项元素之下。

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