jquery - prependTo 许多具有相同类的元素到它们的父 div？

Question

我正在尝试这个：

$(document).ready(function () {
    $(".qa-a-count").appendTo(".qa-q-item-main");
});

但是有很多.qa-a-countdiv .qa-q-item-main。他们最终相互依附。我该怎么做才能让它们只附加到它们的父 div（.qa-q-item-main div）？

Answer 1

$('.qa-a-count').each(function() {
   // .parent() if this is a direct child of `qa-q-item-main`
   $(this).appendTo($(this).closest('.qa-q-item-main')); 
});

这将遍历每个.qa-a-count并附加到其祖先。

Answer 2

$(".qa-a-count").each(function (){
    // append this- (the current ".qa-a-count") 
    // to it's closest ".qa-q-item-main" element.
    $(this).appendTo($(this).closest(".qa-q-item-main"));
});

或缓存$(this)：

$(".qa-a-count").each(function (){
    var $this = $(this);
    $this.appendTo($this.closest(".qa-q-item-main"));
});

但是，如果您要迭代大量元素，则性能提升并没有那么大。
'$(this)' 的成本是多少？