jquery的，列表的div-框通過點擊按鈕

Question

我已經在列表

• [DIV 1]
• [DIV 2]
• [DIV 3]
得到20的div-box的

等等。

每個divbox都應該包含一個按鈕來改變另一個div的位置。一個是向上的，一個是向下的。

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

當我在divbox 3中按< +>，divbox＃2和＃3應該改變位置......就像通過添加「可排序」UI組件。

希望你能幫助我。對我來說很難:-)

Answer 1

假設「+」按鈕的類爲「向上」，而「 - 」按鈕的類爲「向下」。

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

這只是一個非常簡單的實現，讓你開始。還有更多的事情要做。例如，你應該確保你不能在第一個例子中點擊「向上」。