使用Jquery同时交换多个行

Question

我有一个项目列表，我想设置列表中项目的顺序。 如果我同时选择多个项目，则多个项目应分别向上或向下移动。

我正在使用此代码上下移动。但是在这种情况下，如果选择了第一个和第三个项目，那么它返回false，因为我正在添加一个检查，如果当前项目的前一个为空，那么它不应该向上移动，如果当前不可用，那么它不应该向下移动

$('#selectedTab tr').each(function () {

            var currentTr = $(this).find('td.backgroundcolor').parent();
            if (currentTr.text() == null) {
            }
            else {
                debugger;
                var previousTr = "";
                if (obj.value == "Move Up") {
                    previousTr = currentTr.prev();
                    //if (previousTr.length == 0)
                    //    return false;
                }
                else {
                    previousTr = currentTr.next();
                    if (previousTr.length == 0)
                        return false;
                }
                var temp = currentTr.contents().detach();
                currentTr.append(previousTr.contents());
                previousTr.append(temp);
            }

        });

和Html for this

`

        <table id="unSelectedTab" style="width: 100%">
            <tr>
                <td>
                    <img src="~/images/Employees.png" />Employee</td>
            </tr>
            <tr>
                <td>
                    <img src="~/images/vehicles.png" />Vehicle</td>
            </tr>
            <tr>
                <td>
                    <img src="~/images/collision.png" />Collision</td>
            </tr>
            <tr>
                <td>
                    <img src="~/images/trailers.png" />Trailers</td>
            </tr>
            <tr>
                <td>
                    <img src="~/images/dispatch.png" />Dispatch</td>
            </tr>
            <tr>
                <td>
                    <img src="~/images/notifications.png" />Notifications</td>
            </tr>
            <tr>
                <td>
                    <img src="~/images/equipment.png" />Equipment</td>
            </tr>
        </table>
    </td>

`

由于 乔普拉王子