JavaScript控制table某列不显示的方法


Posted in Javascript onMarch 16, 2015

本文实例讲述了JavaScript控制table某列不显示的方法。分享给大家供大家参考。具体实现方法如下:

1、table代码

<table id="mytable" border="0" width="1400" align="center"  

  cellpadding="3" cellspacing="1" bgcolor="#dfdfdf">

  <tbody id="tbody1" style="background: #e4e9f0; font-weight: bold;">

      <tr class="gray12">

          <td width="120" bgcolor="#FFFFFF">日期</td>

          <td width="120" bgcolor="#FFFFFF">媒体名称</td>

          <td width="200" bgcolor="#FFFFFF">投放形式</td>

          <td width="120" bgcolor="#FFFFFF">曝光次数</td>

          <td width="120" bgcolor="#FFFFFF">曝光人数</td>

          <td width="120" bgcolor="#FFFFFF">点击次数</td>

          <td width="120" bgcolor="#FFFFFF">点击人数</td>

          <td width="120" bgcolor="#FFFFFF">CTR</td>

          <td width="120" bgcolor="#FFFFFF">访次</td>

          <td width="120" bgcolor="#FFFFFF">跳出次数</td>

          <td width="120" bgcolor="#FFFFFF">访问深度</td>

          <td width="120" bgcolor="#FFFFFF">浏览时长/秒</td>

          <td width="120" bgcolor="#FFFFFF">参与活动人数</td>

          <td width="120" bgcolor="#FFFFFF">办理业务人数</td>

      </tr>

  </tbody>

  <tbody id="detail_id"></tbody>

</table>

2、js根据权限控制

注:如果数据是动态数据,当赋值完后再控制显示td,否则会造成td头控制成功,其他行失败的情况

if (uname === "guest") {
 $("#mytable tr").each(function() {
   $(this).find("td").eq(7).css("display", "none");
   $(this).find("td").eq(8).css("display", "none");
   $(this).find("td").eq(9).css("display", "none");
   $(this).find("td").eq(10).css("display", "none");
   $(this).find("td").eq(11).css("display", "none");
   $(this).find("td").eq(12).css("display", "none");
   $(this).find("td").eq(13).css("display", "none");
 });
}

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
Mar 24 Javascript
基于jquery实现点击左右按钮图片横向滚动
Apr 11 Javascript
JQuery select(下拉框)操作方法汇总
Apr 15 Javascript
js实现的黑背景灰色二级导航菜单效果代码
Aug 24 Javascript
JavaScript中实现Map的示例代码
Sep 09 Javascript
JS函数的定义与调用方法推荐
May 12 Javascript
js匿名函数作为函数参数详解
Jun 01 Javascript
深入理解Ajax的get和post请求
Jun 02 Javascript
JavaScript解析JSON格式数据的方法示例
Jan 24 Javascript
深入理解Vue 组件之间传值
Aug 16 Javascript
Vue.js 时间转换代码及时间戳转时间字符串
Oct 16 Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
Feb 17 Javascript
详解addEventListener的三个参数之useCapture
Mar 16 #Javascript
解决Jquery向页面append新元素之后事件的绑定问题
Mar 16 #Javascript
jquery中radio checked问题
Mar 16 #Javascript
jquery中JSON的解析方式
Mar 16 #Javascript
浅谈js中的闭包
Mar 16 #Javascript
js完美实现@提到好友特效(兼容各大浏览器)
Mar 16 #Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
Mar 15 #Javascript
You might like
解决GD中文乱码问题
2007/02/14 PHP
php面向对象全攻略 (七) 继承性
2009/09/30 PHP
关于查看MSSQL 数据库 用户每个表 占用的空间大小
2013/06/21 PHP
分享下页面关键字抓取components.arrow.com站点代码
2014/01/30 PHP
PHP中把数据库查询结果输出为json格式简单实例
2015/04/09 PHP
PHP实现求两个字符串最长公共子串的方法示例
2017/11/17 PHP
laravel5.1 ajax post 传值_token示例
2019/10/24 PHP
不同Jquery版本引发的问题解决
2013/10/14 Javascript
让alert不出现弹窗的两种方法
2014/05/18 Javascript
一道常被人轻视的web前端常见面试题(JS)
2016/02/15 Javascript
jQuery绑定自定义事件的魔法升级版
2016/06/30 Javascript
在Docker快速部署Node.js应用的详细步骤
2016/09/02 Javascript
vue-baidu-map 进入页面自动定位的解决方案(推荐)
2018/04/28 Javascript
JavaScript中arguments和this对象用法分析
2018/08/08 Javascript
Vue.js实现可排序的表格组件功能示例
2019/02/19 Javascript
Vue 实例事件简单示例
2019/09/19 Javascript
layui前端时间戳转化实例
2019/11/15 Javascript
vue动态渲染svg、添加点击事件的实现
2020/03/13 Javascript
vue 遮罩层阻止默认滚动事件操作
2020/07/28 Javascript
python 获取本机ip地址的两个方法
2013/02/25 Python
python实现识别相似图片小结
2016/02/22 Python
python3使用flask编写注册post接口的方法
2018/12/28 Python
python用类实现文章敏感词的过滤方法示例
2019/10/27 Python
Python3.7 读取 mp3 音频文件生成波形图效果
2019/11/05 Python
python爬虫学习笔记之Beautifulsoup模块用法详解
2020/04/09 Python
如何打包Python Web项目实现免安装一键启动的方法
2020/05/21 Python
纯css3无js实现的Android Logo(有简单动画)
2013/01/21 HTML / CSS
Reebok官方旗舰店:美国知名健身品牌锐步
2019/01/07 全球购物
办公室驾驶员岗位职责
2013/11/15 职场文书
护士毕业生自我鉴定
2014/02/08 职场文书
2014年三八妇女节活动方案
2014/02/28 职场文书
《青海高原一株柳》教学反思
2014/04/25 职场文书
理财计划书
2014/08/14 职场文书
2015年加油站工作总结
2015/05/13 职场文书
Go timer如何调度
2021/06/09 Golang
JavaScript高级程序设计之变量与作用域
2021/11/17 Javascript