jquery, liste div-case ci-dessus en cliquant sur un bouton

Question

j'ai 20 div-boîtes dans une liste

• [div 1]
• [div 2]
• [div 3]

et ainsi de suite.

chaque divbox devrait contenir un bouton pour changer de position avec un autre div. un pour le haut, un pour le bas.

• [div 1 < +> < ->]
• [div 2 < +> < ->]
• [div 3 < +> < ->]

lorsque i appuyez sur le + < +> dans la boîte 3, la divbox # 2 et # 3 devrait changer de place .... comme il le ferait en ajoutant le "sortable" ui-composant.

espérons que vous pourriez m'aider. c'est assez difficile pour moi :-)

Answer 1

En supposant que les boutons "+" ont la classe "Up", et les boutons "-" ont la classe "Down".

$("div .Up").click(function() { 
    var $this = $(this).closest("div"); 

    $this.after($this.prev()); 
}); 

$("div .Down").click(function() { 
    var $this = $(this).closest("div"); 

    $this.before($this.next()); 
}); 

Ceci est juste une implémentation très simple pour vous aider à démarrer. Il y a plus à faire. Par exemple, vous devez vous assurer que vous ne pouvez pas cliquer sur "Haut" dans le premier exemple.