js将table的每个td的内容自动赋值给其title属性的方法


Posted in Javascript onOctober 13, 2016

如下所示:

<!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>
<title>将table的每个td的内容自动赋值给其title属性</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<style type="text/css">
.tbStyle td{
  border:1px solid #F00
}
.tbStyle th{
  border:1px solid #F00
}
</style>
<script src="jquery-1.10.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
  //table的最后一列不给其title赋值
  var cellIndex=parseInt($(".tbStyle th").length)-1;
  $(".tbStyle tr td").each(function(){
    if(this.cellIndex != cellIndex){
      $(this).attr("title",$(this).text());
      //alert($(this).parent().get(0).rowIndex);输出所在行
     }
  });
});
</script>
</head>
<body>
  <table class="tbStyle">
    <tr>
      <th>第一列</th>
      <th>第二列</th>
      <th>第三列</th>
      <th>第四列</th>
    </tr>
    <tr>
      <td>aaaaaaa</td>
      <td>bbbbbbb</td>
      <td>ccccccc</td>
      <td>ddddddd</td>
    </tr>
    <tr>
      <td>eeeeeee</td>
      <td>fffffff</td>
      <td>ggggggg</td>
      <td>hhhhhhh</td>
    </tr>
    <tr>
      <td>iiiiiii</td>
      <td>jjjjjjj</td>
      <td>kkkkkkk</td>
      <td>lllllll</td>
    </tr>
  </table>
</body>
</html>

以上就是小编为大家带来的js将table的每个td的内容自动赋值给其title属性的方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
一个XML格式数据转换为图表的例子
Feb 09 Javascript
JavaScript的继承的封装介绍
Oct 15 Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
Sep 28 Javascript
原生js结合html5制作小飞龙的简易跳球
Mar 30 Javascript
JS实现的新浪微博大厅文字内容滚动效果代码
Nov 05 Javascript
jQuery css() 方法动态修改CSS属性
Sep 25 Javascript
TypeScript入门-基本数据类型
Mar 28 Javascript
基于react框架使用的一些细节要点的思考
May 31 Javascript
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
Aug 16 Javascript
Node.JS更改Windows注册表Regedit的方法小结
Aug 18 Javascript
Vue页面刷新记住页面状态的实现
Dec 27 Javascript
VUE使用 wx-open-launch-app 组件开发微信打开APP功能
Aug 11 Javascript
jquery获取点击控件的绝对位置简单实例
Oct 13 #Javascript
Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法
Oct 13 #Javascript
Node.js中常规的文件操作总结
Oct 13 #Javascript
BootStrap实现手机端轮播图左右滑动事件
Oct 13 #Javascript
js图片切换具体实现代码
Oct 13 #Javascript
微信小程序 rpx 尺寸单位详细介绍
Oct 13 #Javascript
jquery实现图片切换代码
Oct 13 #Javascript
You might like
PHP的类 功能齐全的发送邮件类
2006/10/09 PHP
深入探讨:PHP使用数据库永久连接方式操作MySQL的是与非
2013/06/05 PHP
phpQuery占用内存过多的处理方法
2013/11/13 PHP
php采用file_get_contents代替使用curl实例
2014/11/07 PHP
thinkphp框架下实现登录、注册、找回密码功能
2016/04/06 PHP
提示$ is not defined错误分析及解决
2013/04/09 Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
2014/06/19 Javascript
javascript中Array数组的迭代方法实例分析
2015/02/04 Javascript
jquery获取css的color值返回RGB的方法
2015/12/18 Javascript
Easyui Treegrid改变默认图标的方法
2016/04/29 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
2016/12/14 Javascript
js仿百度音乐全选操作
2017/01/13 Javascript
JS中的Replace()传入函数时的用法详解
2017/09/11 Javascript
ES6中字符串的使用方法扩展
2019/06/04 Javascript
基于vue实现探探滑动组件功能
2020/05/29 Javascript
js里面的变量范围分享
2020/07/18 Javascript
[00:36]DOTA2上海特级锦标赛 Alliance战队宣传片
2016/03/04 DOTA
Python正则获取、过滤或者替换HTML标签的方法
2016/01/28 Python
Python中文分词实现方法(安装pymmseg)
2016/06/14 Python
Python开发的实用计算器完整实例
2017/05/10 Python
python 编码规范整理
2018/05/05 Python
python实现AES加密和解密
2019/03/27 Python
python解析多层json操作示例
2019/12/30 Python
基于TensorFlow中自定义梯度的2种方式
2020/02/04 Python
在Python中通过threshold创建mask方式
2020/02/19 Python
通过python调用adb命令对App进行性能测试方式
2020/04/23 Python
keras处理欠拟合和过拟合的实例讲解
2020/05/25 Python
opencv 图像加法与图像融合的实现代码
2020/07/08 Python
Desigual德国官网:在线购买原创服装
2018/03/27 全球购物
在职人员函授期间自我评价分享
2013/11/08 职场文书
大学生村官承诺书
2014/03/28 职场文书
五四青年节优秀演讲稿范文
2014/05/28 职场文书
喝酒驾驶检讨书
2014/10/01 职场文书
普通员工辞职信范文
2015/05/12 职场文书
PHP中strval()函数实例用法
2021/06/07 PHP
解决Mysql中的innoDB幻读问题
2022/04/29 MySQL