使用jquery交换两行内容(实现行移动)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>չjQuery</title>

<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">


function exchangeRow(row1,row2){ 
 if (row1.attr("tagName") == "TR" && row2.attr("tagName") == "TR" &&
     row1.children("td").length == row2.children("td").length){
  
  //var temp = new Array();
  
  for (i=0;i<row1.children("td").length;i++)
  {
   temp=row1.children("td").eq(i).text();
   row1.children("td").eq(i).text(row2.children("td").eq(i).text());
   row2.children("td").eq(i).text(temp);
  }
  //alert(row1.children("td").length);
 }
}


</script>
</head>


<body>

<table id="mdx" border="1">

<tr id="title">
    <th> name </th>
    <th> sex </th>
    <th> age </th>
</tr>


<tr id="row1">
    <td> madixin </td>
    <td>  gg      </td>
    <td  id="zzz">   25     </td>
</tr>

<tr id="row2">
    <td> huayajing </td>
    <td>  mm      </td>
    <td>   23     </td>
</tr>


<tr id="row3">
    <td> t-mac </td>
    <td>  mm      </td>
    <td>   29     </td>
</tr>

</table>

<script language="javascript">
   
exchangeRow($("#row1"),$("#row3"));


</script>


</body>
</html>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值