Sırayla bir tablo veya satır aşağı taşımak için yukarı/aşağı okları ile bağlantıları almam gerektiğini söyledi. Satır veya bir konum (jQuery kullanarak) taşımak için en kolay yolu ne olurdu?

Bu kullanarak bir WordPress kullanmak yöntemlerini inşa yapmak için doğrudan bir yol yok, ve jQuery ile satır seçtikten sonra, o zaman devam etmek için bir yol bulamadım. Ayrıca, benim durumumda, satır sürüklenebilir bir eklenti ile daha önce yaptığım gibi () bir seçenek değildir.

Ayrıca ayarlanabilir/şey çok basit.. aşağı yapabilirsin

link vermiş bu bağlantıları tıklatın işleyicisi Tel up down a sınıfı. Bu da bağlantıları kılavuzun her satırı içinde olduğunu varsayarak.

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