js将table的每个td的内容自动赋值给其title属性的方法
更新时间：2016年10月13日 09:29:54 投稿：jingxian
下面小编就为大家带来一篇js将table的每个td的内容自动赋值给其title属性的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
如下所示：
<!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属性的方法全部内容了，希望大家多多支持脚本之家~
相关文章
拖动列宽的表格table标题同时改变td的大小，本文将以实例演示为大家呈现，感兴趣的朋友可以参考下哈，希望对你学习js或者css有所帮助2013-04-04
日常小程序里很多是需要付款的，那如何在小程序里实现付款呢？本篇就带着大家体验一下，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值2022-08-08
js跟随滚动条滚动浮动代码，对于firefox不兼容。2009-12-12
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性的说明，需要的朋友可以参考下。2011-08-08
DWR是一个框架，简单的说就是能够在javascript直接调用java方法，而不必去写一大堆的javascript代码。它的实现是基于ajax的，可以实现无刷新效果。不少DWR的例子，但大都只是某种方法的调用只在使用层面上介绍DWR，并不涉更多的技术与设计javascript中是如何调用的。2016-05-05
这篇文章主要给大家介绍了关于微信小程序开发问题之wx.previewImage的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-12-12
click方法可以用来模拟用户点击。有的浏览器中所有元素都具有click方法，有的浏览器则没有。2011-07-07
深入理解JavaScript系列（31）：设计模式之代理模式详解
这篇文章主要介绍了深入理解JavaScript系列（31）：设计模式之代理模式详解,代理模式使得代理对象控制具体对象的引用,代理几乎可以是任何对象：文件,资源,内存中的对象,或者是一些难以复制的东西,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了ES6中let 和 const 的新特性，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-09-09
你也许是位乐于分享的技术人员，尽管你算不上什么技术高手，但是你都希望把自己所知道的通过博客与网友分享。为了让更多人知道你的经验，你可能会努力把博文发布到专业论坛。2009-11-11
最新评论