成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導(dǎo)航首頁(yè) ? 技術(shù)教程 ? jquery調(diào)整表格行tr上下順序?qū)嵗v解
全站頭部文字 我要出現(xiàn)在這里
jquery調(diào)整表格行tr上下順序?qū)嵗v解 700 2024-03-14   

表格是大家比較常用的元素,有時(shí)候表格中的行需要調(diào)整順序,下面就通過(guò)代碼實(shí)例介紹一下如何利用jquery實(shí)現(xiàn)此功能,分享給大家供大家參考,具體內(nèi)容如下
代碼實(shí)例如下:

<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css" >
table 
{
 background:#F90;
 width:400px;
 line-height:20px;
}
td 
{
 border-right:1px solid gray;
 border-bottom:1px solid gray;
}
</style>
<script type="text/javascript" src="http://www.gimoo.net/t/1904/mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript" > 
function up(obj) 
{ 
 var objParentTR=$(obj).parent().parent(); 
 var prevTR=objParentTR.prev(); 
 if(prevTR.length>0) 
 { 
  prevTR.insertAfter(objParentTR); 
 } 
} 
function down(obj) 
{ 
 var objParentTR=$(obj).parent().parent(); 
 var nextTR=objParentTR.next(); 
 if(nextTR.length>0) 
 { 
  nextTR.insertBefore(objParentTR); 
 } 
} 
</script>
</head>
<body>
<table border="0" >
 <tr>
  <td>綠夏網(wǎng)</td>
  <td>綠夏網(wǎng)</td>
  <td>綠夏網(wǎng)</td>
  <td><a  onclick="up(this)">上移</a> <a  onclick="down(this)">下移</a></td>
 </tr>
 <tr>
  <td>綠夏網(wǎng)</td>
  <td>綠夏網(wǎng)</td>
  <td>綠夏網(wǎng)</td>
  <td><a  onclick="up(this)">上移</a> <a  onclick="down(this)">下移</a></td>
 </tr>
 <tr>
  <td>綠夏網(wǎng)</td>
  <td>綠夏網(wǎng)</td>
  <td>綠夏網(wǎng)</td>
  <td><a  onclick="up(this)">上移</a> <a  onclick="down(this)">下移</a></td>
 </tr>
 <tr>
  <<td>綠夏網(wǎng)</td>
  <td>綠夏網(wǎng)</td>
  <td>綠夏網(wǎng)</td>
  <td><a  onclick="up(this)">上移</a> <a  onclick="down(this)">下移</a></td>
 </tr>
 <tr>
  <td>綠夏網(wǎng)</td>
  <td>綠夏網(wǎng)</td>
  <td>綠夏網(wǎng)</td>
  <td><a  onclick="up(this)">上移</a> <a  onclick="down(this)">下移</a></td>
 </tr>
</table>
</body>
</html>

以上代碼實(shí)現(xiàn)了我們的要求,代碼比較簡(jiǎn)單,這里就不多介紹了。

希望本文所述對(duì)大家學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。



主站蜘蛛池模板: 真实游戏完整版高清观看| ca109| 砌体工程质量验收规范gb50203---2011| 幼儿歌曲颠倒歌| 肮脏| 金珊| 张小婉身高体重| 社会主义道德原则| 你从草原走来| 吴雪雯| 直播斯诺克直播间| 藏文作文| cctv6 节目表| 熊出没之雪岭熊风 电影| 《保姆妈妈》电视剧| 幼儿歌曲颠倒歌| 电影在线观看网址| 真田太平记| 康熙微服私访记1| 拜金女郎| 2025最火情侣头像| 画江湖之不良人第七季什么时候出| 风月电视剧免费观看剧情 | 黑凤凰电视剧剧情介绍| 王琳琳个人资料及简历| 妈妈的脊背简谱| 大尾鲈鳗| 方谬神探结局细思极恐| 掐脖子自制短视频| 电影暗夜| 寄宿生韩国电影| 培根《谈读书》原文及翻译| 性的视频| 天云山传奇 电影| 无声真相电影免费观看| 色戒》| 新娘大作战angelababy| 保坂尚辉| 笑口常开图片| 还珠格格演员表| 七令诡事录 电影|

!!!站長(zhǎng)長(zhǎng)期在線接!!!

網(wǎng)站、小程序:定制開(kāi)發(fā)/二次開(kāi)發(fā)/仿制開(kāi)發(fā)等

各種疑難雜癥解決/定制接口/定制采集等

站長(zhǎng)微信:lxwl520520

站長(zhǎng)QQ:1737366103