jQuery 可排序和数组度假村

Question

我有一个元素数组：markers 和一个表，该表更新其行以填充 markers 中存储的数据。 markers 本身包含一个对象 marker，其中包含纬度和经度等信息。

当我使用 markers 数组中的详细信息填充表时，我会在循环时根据 i 为每一行赋予一个 ID。

在这张桌子上我有 jQuery 可排序。我正在寻找一种在每次对行进行排序时重新排序我的 markers 数组的方法，以便数组中项目的位置实际上是它的排序顺序值。这样，我可以随时循环遍历数组并查看它的最新顺序。

到目前为止，我已经按照应有的方式生成了表，并填充了 markers 数组。我什至能够在打乱行后重新获取行的顺序，目前我将它们存储在数组 orders 中，并且只是提醒，这是有效的（即 0,1,2 > > 0,1,2 > ）。拖到度假村>2,0,1)。我希望现在能够使用 orders 中的一组值来重新利用我原来的 markers 数组。

我认为这将涉及创建一个临时数组 markersTemp ，用于存储保存在 markers 中的值，但按照新的顺序，除非我不确定如何循环到拯救每一个。有人做过类似的事情吗？

Answer 1

function resort() {
    var order = []; // Get the order of the new rows
    $('#createMapDirections tbody tr').each(function(i, elem){
        order.push(markers[getId($("td", elem))]);
    });
    markers = order;
    updateAll();
}

旧过程：

1. 创建一个新列表 order
2. 循环遍历表中的当前行。
   将 ID 存储在列表中的当前行 order
3. 创建一个新列表 markersTemp
4. 循环列表 order
   获取列表 order 中位置 i 的 ID。
   让 markersTemp[i] 为 markers 中的元素（通过 id 在旧位置引用）
5. 重置 markers
6. 设置markers 到 markersTemp

优化：

1. 创建一个新列表 order
2. 循环遍历表中的每一行。
   按 order 中从 getId() 返回的索引引用的元素推送元素，
3. 并按 order 覆盖 markers。

Answer 2

啊啊，抱歉耽误大家时间了！又花了5分钟，我就解决了。对于其他遇到问题的人，这是在可排序的删除事件之后调用的整个函数。

但我不会说事情已经完全结束了。我很想知道这是否是最有效/最简洁的方法。我知道 javascript 中内置了一个 array .sort() 函数，可以用它来代替吗？

function resort() {

    var order = new Array(); // Get the order of the new rows
    for (var i = 0; i < markers.length; i++) {
        order.push(getId($('#createMapDirections tbody tr').eq(i).find('td')));
    }

    var markersTemp = new Array();
    for (var i = 0; i < markers.length; i++) {
        var id = order[i];
        markersTemp[i] = markers[id];
    }

    markers.length = 0;
    markers = markersTemp.slice();

    updateAll();

}

编辑：

好吧，我在页面上的表格的布局如下：

<table><tbody>
    <tr id="row0"><td></td></tr>
    <tr id="row1"><td></td></tr>
    <tr id="row2"><td></td></tr>
</tbody></table>

getId() 只是获取 TR 的 id 并运行一些正则表达式来仅获取数字。当对它们进行排序时，顺序可能类似于：row2、row0、row1。我将此订单存储在 orders （临时数组）中，并使用 markersTemp 的值填充 markersTemp （另一个临时数组），但采用新订单。

function getId(button) {
    return $(button).parents('tr').attr('id').replace(new RegExp('\[A-Za-z]+'), '');
}