注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Bioinformatics home

 
 
 

日志

 
 

jquery 操作table  

2009-09-25 17:32:52|  分类: Jquery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><link href="../App_Themes/ab/MasterPage.css" type="text/css" rel="stylesheet" /><link href="../App_Themes/ab/StyleSheet.css" type="text/css" rel="stylesheet" /><title>
 客户订单管理
</title>
    <script src="jquery.js" type="text/javascript"></script>
 <body>
     <input type="submit" name="Button2" value="查询" id="Button2" class="buttonss" />
   <input type="submit" name="Button2" value="hidder" id="Button2" class="hiddernn" />
    <input type="submit" name="Button2" value="display" id="Button2" class="displayss" />
      <input type="submit" name="Button2" value="隐藏第二行" id="隐藏第二行" class="xxxx" />
  <table id="testTable" class="border">
  <tr>
    <th>asfa</th>
    <th>xxxx</th>
    <th>asfa</th>
    <th>asdf</th>
  </tr>
   <tr>
    <td>asf</td>
    <td>xxxx</td>
     <td>asf</td>
    <td>asfd</td>
  </tr> 
  <tr>
    <td>ss</td>
    <td>yyy</td>
     <td>asf</td>
    <td>asfd</td>
  </tr>
  
  <tr>
    <td>12</td>
    <td>yyy</td>
     <td>asf</td>
    <td>asfd</td>
  </tr>
  
   <tr>
    <td>2134</td>
    <td>uuu</td>
     <td>asf</td>
    <td>asfd</td>
  </tr>
  
 
  
  </table>
  
 
 </body>
 
 <script type="text/javascript">

 $(".buttonss").click(function(){
 
   _w_table_rowspan("border",1);
 
 });
 
 
 $(".hiddernn").click(function(){
   
     $(".border tr th:nth-child(2)").hide();
    $(".border tr td:nth-child(2)").hide();    
     
 });
 
  $(".displayss").click(function(){
   
     $(".border tr th:nth-child(2)").show();
    $(".border tr td:nth-child(2)").show();    
     
 });
 
  $(".xxxx").click(function(){
   
     $(".border tr:nth-child(2)").hide();
   $(".border tr td:nth-child(2)").show();    
     
 });  
 
 
function _w_table_rowspan(_w_table_id,_w_table_colnum)

    _w_table_firsttd = ""; 
    _w_table_currenttd = ""; 
    _w_table_SpanNum = 0; 
    _w_table_Obj = $("."+_w_table_id + " tr td:nth-child(" + _w_table_colnum + ")"); 
    _w_table_Obj.each(function(i){ 
 
 
                    $(this).text(i);
 if(i>2)
 {
   $(this).next("td").text("谢谢");
 } 
   
    }); 
}
 
 
</script>
</html>

  评论这张
 
阅读(2875)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017