Question

我在列表中有20个div-box

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

等等。

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

[div 1＆lt; +＆gt;＆lt; - ＆gt;]
[div 2＆lt; +＆gt;＆lt; - ＆gt;]
[div 3＆lt; +＆gt;＆lt; - ＆gt;]

当我按下＆lt; +＆gt;在divbox 3中，divbox＃2和＃3应该改变位置......就像添加“可排序的”ui-component一样。

希望你能帮助我。对我来说很难： - ）

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());
});

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

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

1 个答案: