javascript - 如何对数组 : jQuery 中的元素进行排序

Question

总结:我有一个表，其中为每次 btn 点击添加行。我正在使用 jquery-ui sortable() 函数来移动/排序行。

假设我有这个:

<tbody>
  <tr><td>A</td></tr>
  <tr><td>B</td></tr>
  <tr><td>C</td></tr>
  <tr><td>D</td></tr>
  <tr><td>E</td></tr>
  <tr><td>F</td></tr>
</tbody>

问题:我可以使用 sortable() 函数移动行。但我无法更新行中的元素。我正在使用这个

$('.report-configuration .configuration-table tbody').sortable({
'change': function(event, ui){
    arr=['a','b','c','d','e','f'];
    console.log(ui);
    var tmp = arr.splice(ui.originalPostion);//i am missing logic here
    arr.splice(ui.postion, tmp);
    console.log(arr);

}});

我正在寻找更新数组中位置的逻辑。

Answer 1

sortable 结束后，html 也发生了变化。使用 jQuery，您可以选择更改后的 html 并确定正确的顺序。

在你的 change 回调函数中做这样的事情，注意 arr 有正确顺序的新数组:

var arr = []
$(this).find('td').each(function() {
  arr.push($(this).html());
});
console.log(arr);