table 行上移 下移 置顶 删除

来源:互联网 发布:无创dna数据看性别图 编辑:程序博客网 时间:2024/05/20 08:00
<tbody class="table">    <tr>        <td class="storegoodslist_tools">            <a onclick=""  class=" up">上移</a>            <a onclick="" class=" down">下移</a>            <a onclick="" class=" top">置顶</a>        </td>    </tr></tbody>
<!--上移,下移、置顶--><script>    $('.up').click(function(){        var $tr = $(this).parents("tr");        if ($tr.index() != 0) {            $tr.fadeOut().fadeIn();            $tr.prev().before($tr);        }    });    $('.down').click(function(){        var $tr = $(this).parents("tr");        var $down = $(".down");        var len = $down.length;        if ($tr.index() != len - 1) {            $tr.fadeOut().fadeIn();            $tr.next().after($tr);        }    });    $('.top').click(function(){        var $tr = $(this).parents("tr");        if ($tr.index() != 0) {            $tr.fadeOut().fadeIn();            $(".table").prepend($tr);        }        });</script>

0 0
原创粉丝点击