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

郁夫的博客

我爱你们,只是你们不知道!

 
 
 

日志

 
 
 
 

jquery隐藏当前选中列  

2011-07-06 08:48:57|  分类: web技术 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

目的是在网页中单击表格的某一列标题时,将该列隐藏

开始是这样写的代码

$("th").click(function(){
    var colnum = $("th").index(this)+1;
    //nth-child 选取td元素下索引值为  colnum的元素,给其添加CSS元素   
   $("#tblnword tr td:nth-child(colnum)").hide;

});

结过不成功,如是直接的数值,如   $("#tblnword tr td:nth-child(3).hide;

则会成功将第3列隐藏。

后经过查询资料,得知可以以下方式来写

$("th").click(function(){
    var colnum = $("th").index(this)+1;
    //nth-child 选取td元素下索引值为  colnum的元素,给其添加CSS元素   
   $("#tblnword tr td:nth-child("+colnum.toString()+")").hide;

});

从   $("#tblnword tr td:nth-child("+colnum.toString()+")").hide   来看,其选择符是作为一个连接的字符串

来处理,估计jquery中的选择符都是作为字符串来处理,而直接在字符串中代入数字变量导致无法识别。

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

历史上的今天

评论

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

页脚

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