jquery，通过单击按钮列出上面的div-box

Question

我在一个列表中有 20 个 div 框

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

等等。

每个 divbox 都应该包含一个按钮来改变另一个 div 的位置。一个向上，一个向下。

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

当我在 divbox 3 中按下 时，divbox#2 和 #3 应该改变位置......就像添加“可排序”的 ui 组件一样。

希望你能帮助我。这对我来说很难:-)

Answer 1

假设“+”按钮的类别为“Up”，而“-”按钮的类别为“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());
});

这只是一个非常简单的实现，可以帮助您入门。还有更多事情要做。例如，您应该确保在第一个示例中不能单击“向上”。