克隆和插入只用jQuery一次

Question

HTML

<p class="field-other">other</p>
<p class="field-new">new</p>
<p><a class="add-new" href="#">add new</a></p>

的jQuery

$('.field-new').hide();

$('.add-new').click( function() {
    $(this).parent().siblings('.field-new').clone().insertAfter('.field-new').show();
    return false;
});

有人可以帮忙吗？所以单击“.add-new”只添加一个新字段“.field-new”。感谢。

Answer 1

您可以使用.first()或.prev()方法：

$(this.parentNode).siblings('.field-new')
                  .first()
                  .clone()
                  .insertAfter('.field-new')
                  .show();

jsfiddle

或：

$(this.parentNode).prev('.field-new')
                  .clone()
                  .insertBefore(this.parentNode);

jsfiddle