Question

I was trying this:

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

But there are a lot of .qa-a-count and .qa-q-item-main divs. They end up being appened to each other. How can I do it so that they only append to their parent 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')); 
});

This will go through each of .qa-a-count and append to its ancestor.