¿Cuál es la mejor manera de invertir el orden de los elementos secundarios con jQuery?
Por ejemplo, si empiezo con:
<ul> <li>A</li> <li>B</li> <li>C</li> </ul>Quiero terminar con esto:
<ul> <li>C</li> <li>B</li> <li>A</li> </ul>var list = $('ul'); var listItems = list.children('li'); list.append(listItems.get().reverse());Editar: la respuesta de Anurag es mejor que la mía.
ul = $('#my-ul'); // your parent ul element ul.children().each(function(i,li){ul.prepend(li)})Si llama a .prepend() en un objeto que contiene más de un elemento, el elemento que se agrega se clonará para los elementos de destino adicionales después del primero, así que asegúrese de seleccionar solo un elemento.
Prueba esto:
$(function() { $.fn.reverse = [].reverse; var x = $('li'); $('ul').empty().append(x.reverse()); });