javascript - 如何将项目值推到选择框中的极端顶部/底部？

Question

我正在研究和测试表格。到目前为止，我成功地使用 following fiddle 将选择框列表中的项目一项一项地向上和向下移动。 .

代码实例(向上移动):

function moveUp() {
$("#list-box option:selected").each(function () {
    var listItem = $(this);
    var listItemPosition = $("#list-box option").index(listItem) + 1;

    if (listItemPosition == 1) return false;

    listItem.insertBefore(listItem.prev());
  });
}

但现在我需要移动一个选定的值，使其位于列表的最顶部或最底部。请尝试用这个 fiddle 做实验，并建议我可能 jQuery tree traversal方法(如果适用)。

提前致谢!

Answer 1

使用prependTo和 appendTo

function moveTop(){
     $('#list-box option:selected').prependTo('#list-box');
}

function moveBottom(){
     $('#list-box option:selected').appendTo('#list-box');
}

FIDDLE