js将table的每个td的内容自动赋值给其title属性的方法
作者：jingxian 时间：2023-08-07 18:34:54
如下所示：
<!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,赋值
0
投稿猜你喜欢
django3.02模板中的超链接配置实例代码
2021-07-12 01:02:25
Python机器学习NLP自然语言处理基本操作家暴归类
2023-03-18 22:44:14
Django框架视图介绍与使用详解
2021-03-29 08:50:46
Perl合并文本的一段实例代码
2023-10-31 05:05:23
Access数据库中“所有记录中均未找到搜索关键字”的解决方法
2011-04-14 10:31:00
python实现爬虫统计学校BBS男女比例之多线程爬虫（二）
2021-05-10 03:08:18
Python3 assert断言实现原理解析
2023-06-11 20:39:33
利用Python制作一个愚人节整蛊消息框
2022-08-07 22:06:53
Python使用captcha库制作带参数输入验证码案例
2022-01-25 20:26:03
python爬虫URL重试机制的实现方法(python2.7以及python3.5)
2023-08-06 07:51:43
python实现简单socket程序在两台电脑之间传输消息的方法
2021-04-25 21:14:26
Pandas 数据框增、删、改、查、去重、抽样基本操作方法
2023-07-25 14:50:07
详解Python手写数字识别模型的构建与使用
2023-10-21 18:34:12
Centos6.5下Jdk+Tomcat+Mysql环境安装图文教程
2024-01-23 04:35:10
Asp操作Xml的精炼类,含示例代码
2011-02-28 11:11:00
python如何对数组进行降维
2022-12-27 18:51:32
nodejs+express最简易的连接数据库的方法
2024-01-24 21:15:24
Python中模块的使用--binascii模块用法
2022-11-16 13:53:16
Python MD5加密实例详解
2021-10-24 20:31:26
教你自动恢复MySQL数据库的日志文件(binlog)
2024-01-26 02:29:07