Question

我正在尝试这个：

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

但是有很多.qa-a-count和.qa-q-item-main div。他们最终被彼此吸引。我该怎么做才能将它们只附加到父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"));
});

但是，如果你在迭代大量的元素，那并不是那么大的性能提升 What is the cost of '$(this)'?

prependTo与父div相同的多个元素？

2 个答案: