jQuery反转子元素的顺序 [英] jQuery reversing the order of child elements

问题描述

用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>

我要结束这个:

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

推荐答案

Anurag的答案比我的要好.

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

如果在包含多个元素的对象上调用.prepend()，则要添加的元素将在第一个元素之后克隆为其他目标元素，因此请确保只选择一个元素.

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.

这篇关于jQuery反转子元素的顺序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！