国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

使用jquery寫個更改表格行順序的小功能

2024-05-06 16:04:46
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了使用jquery寫的更改表格行順序的小功能,需要的朋友可以參考下

周末寫了個更改表格行順序的小功能,直接貼代碼

表格部分如下:

復制代碼 代碼如下:


<table>
<thead>
<tr>
<th>時間</th>
<th>詳情</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr cid="7.0.0-2014-04-29_11-02-24_123">
<td>
2014-04-29 11:02:24
</td>
<td>
詳情
</td>
<td>
<span move_act="up"></span>
<span move_act="down"></span>
</td>
</tr>
<tr cid="7.0.0-2014-04-29_11-02-24_915">
<td>
2014-04-28 10:00:00
</td>
<td>
詳情
</td>
<td>
<span move_act="up"></span>
<span move_act="down"></span>
</td>
</tr>
</tbody>
</table>


js代碼,其中會為要變更的行在變更順序后加上class=danger

復制代碼 代碼如下:


<script type="text/javascript">
$(function(){
$('.move_btn').click(function(){
var move_act = $(this).attr('move_act');
$('#test_table tbody tr').removeClass('danger');

if(move_act == 'up'){
$(this).parent().parent('tr').addClass('danger')
.prev().before($(this).parent().parent('tr'));
}
else if(move_act == 'down'){
$(this).parent().parent('tr').addClass('danger')
.next().after($(this).parent().parent('tr'));
}
setTimeout("$('#test_table tbody tr').removeClass('danger');", 2000);
});
});
</script>


更改后可以按照每行的唯一標記提交新的順序

吐槽:喊著加班=狼性的公司都是不適合正常人類生存的公司,把周末加班當成鼓吹的事情&評價員工是否有狼性的標準更是扯淡。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 临清市| 青田县| 樟树市| 静安区| 湖南省| 百色市| 通江县| 吴川市| 库伦旗| 平舆县| 云南省| 饶平县| 林州市| 瓮安县| 淮南市| 巫山县| 西盟| 连山| 曲阜市| 顺义区| 金塔县| 邹平县| 灌阳县| 衡南县| 昆山市| 开原市| 金溪县| 东莞市| 酒泉市| 定边县| 开江县| 广宁县| 法库县| 武清区| 西华县| 平罗县| 通辽市| 平罗县| 华蓥市| 萍乡市| 霍城县|