Organizational Research By

Surprising Reserch Topic

jquery reversing the order of child elements


jquery reversing the order of child elements  using -'jquery'

What is the best way to reverse the order of child elements with jQuery.

For example, if I start with:

<ul>
  <li>A</li>
  <li>B</li>
  <li>C</li>
</ul>


I want to end up with this:

<ul>
  <li>C</li>
  <li>B</li>
  <li>A</li>
</ul>

    

asked Oct 13, 2015 by ashish singh
0 votes
2 views



Related Hot Questions

1 Answer

0 votes

Edit: Anurag's answer is better than mine.

ul = $('#my-ul'); // your parent ul element
ul.children().each(function(i,li){ul.prepend(li)})

If you call .prepend() on an object containing more than one element, the element being appended will be cloned for the additional target elements after the first, so be sure you're only selecting a single element.

answered Oct 13, 2015 by sanjaypal1983

...