Javascript 使用Jquery同时交换多行

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

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

$('#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

`

雇员
车辆
碰撞
拖车
派遣
通知
装备

`

谢谢

---

Prince Chopra

Employee@Palash MondalSo当您选择项目编号2和4，然后单击“上移”时会发生什么？项目编号2应为新编号1，项目编号4应为新编号3？如果所选项目之一已经是第一个或最后一个项目，该怎么办？在这种情况下，我需要将第三个项目移动到第二个位置，第一个项目保持在第一个位置@那么，到底是什么问题呢？您已经检查了第一个和最后一个项目的特殊情况。你为什么不使用！=如果为null并删除空分支，则不需要它。实际上，当它转到第一和第二位置时，它将与第一和第二位置交换。第一个到第二个位置，第二个到第一个位置。@Gorgseneger

        <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>