jQuery 可排序向上/向下移动按钮

Question

我目前有一个 jQuery 可排序列表，工作完美。我能够移动“li”元素。但是，如何制作一个按钮将特定的“li”元素向上移动 1 个，并将上面的元素向下移动(当然，向下按钮则相反)？我查了一下谷歌，发现很少。即使是一个链接也很棒!

谢谢!

Answer 1

如果您有以下 html 代码:

<button id="myButtonUp">myButtonTextForUp</button>
<button id="myButtonDown">myButtonTextForDown</button>
<ul>
  <li>line_1</li>
  <li>line_2</li>
  <li>line_3</li>
</ul>

我假设您已经准备好一些东西来标记每个li，因此接下来我假设标记的li具有类markedLi；理论上，以下代码应该将该元素向上或向下移动(当然完全未经测试):

$('#myButtonUp').click(function(){
  var current = $('.markedLi');
  current.prev().before(current);
});
$('#myButtonDown').click(function(){
  var current = $('.markedLi');
  current.next().after(current);
});