javascript - Jqueryを使用して複数の行を同時に交換する

Question

アイテムのリストがあり、リスト内のアイテムの順序を設定したい。複数のアイテムを同時に選択すると、複数のアイテムがそれぞれ上下に移動するはずです。

このコードを使用して上下に移動しています。ただし、この場合、最初と 3 番目のアイテムが選択されている場合は 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

`

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

`

ありがとうチョプラ王子