Как переместить строку таблицы в jQuery?

Question

Как переместить строку таблицы в jQuery?

Можно утверждать, что правильно написанному коду не нужны комментарии или по крайней мере очень немного комментариев. Но отсутствие расположения с отступом не приемлемо. Компилятор действительно заботится (в большинстве случаев), но люди, поддерживающие код, делают.

66

javascript jquery html dom

задан Michał Perłakowski 2 January 2016 в 10:49

1 ответ

Другие вопросы по тегам:

javascript jquery html dom

Похожие вопросы:

score 167 · Accepted Answer

Вы также можете сделать что-нибудь довольно простое. с регулируемым вверх / вниз ..

, учитывая, что ваши ссылки имеют класс вверх или вниз , вы можете связать это в обработчике кликов ссылок. Это также при условии, что ссылки находятся в каждой строке сетки.

$(document).ready(function(){
    $(".up,.down").click(function(){
        var row = $(this).parents("tr:first");
        if ($(this).is(".up")) {
            row.insertBefore(row.prev());
        } else {
            row.insertAfter(row.next());
        }
    });
});

HTML:

<table>
    <tr>
        <td>One</td>
        <td>
            <a href="#" class="up">Up</a>
            <a href="#" class="down">Down</a>
        </td>
    </tr>
    <tr>
        <td>Two</td>
        <td>
            <a href="#" class="up">Up</a>
            <a href="#" class="down">Down</a>
        </td>
    </tr>
    <tr>
        <td>Three</td>
        <td>
            <a href="#" class="up">Up</a>
            <a href="#" class="down">Down</a>
        </td>
    </tr>
    <tr>
        <td>Four</td>
        <td>
            <a href="#" class="up">Up</a>
            <a href="#" class="down">Down</a>
        </td>
    </tr>
    <tr>
        <td>Five</td>
        <td>
            <a href="#" class="up">Up</a>
            <a href="#" class="down">Down</a>
        </td>
    </tr>
</table>

Demo - JsFiddle