Inverser l'ordre des éléments HTML

J'ai la configuration suivante:Inverser l'ordre des éléments HTML

<div><div id='box1'>&nbsp;</div><div id='box2'>&nbsp;</div><div id='box3'>&nbsp;</div><div id='box4'>&nbsp;</div></div>

ce que je dois faire est d'inverser l'ordre du divs

<div><div id='box4'>&nbsp;</div><div id='box3'>&nbsp;</div><div id='box2'>&nbsp;</div><div id='box1'>&nbsp;</div></div>

est-il un moyen rapide de le faire avec jQuery sans cloner, enlever et remplacer les éléments?

Source

2010-04-21 meo

Je suppose que vous cherchez jQuery Reverse Order plugin.

Source

2010-04-21 15:00:22

c'est un plugin cool. Mais je l'utilise dans mon propre plugin, je ne veux pas dépendre d'un autre. – meo

je vais utiliser son code son assez simple mais effectife: fonction () { \t this.each retour (function() { \t \t $ (this) .prependTo ($ (this) .parent()); \t }); }; – meo

oui le code y est assez simple à inclure ailleurs ... –

Vous pouvez utiliser le plugin jQuery TinySort pour commander les éléments par nom de classe (décroissant) ...

http://plugins.jquery.com/project/TinySort

Source

2010-04-21 15:00:33 Fenton

Essayez ceci:

$top = $('div#thatTopDiv'); 
$top.children('div').slice(1).each(function() { 
    $(this).insertBefore($top.children().eq(0)); 
});

Edit: Tested et cela fonctionne.

Source

2010-04-21 15:01:39 nickf

c'est génial! –

Inverser l'ordre des éléments HTML

Répondre

Questions connexes