Question

I have a list of element e.g.: .title, I’m cloning them out and append them to a container, but the order is reversed from prependTo`.

How do I put these cloned element to an array and reverse it before prepending them?

For example, for each .title clone it, and prependTo .container, and wrap it with li:

$('.title').each(function() {
     $this.clone()
          .prependTo('.container')
          .wrap('<li></li>')
});

Answer 1

Given this html:

<ul>
    <li class="title">A</li>
    <li class="title">B</li>
    <li class="title">C</li>
    <li class="title">D</li>
    <li class="title">E</li>
</ul>

<ul class="container">        
</ul>

Use this jQuery to add them to the .container element:

$('.title').each(function() {
    $('.container')
        .append($(this).clone());
});

If you want to reverse the order, then use .prepend instead of .append.

Check out http://jsfiddle.net/y8Aub/ if you want to see it in action.