首页 > Web开发 > 详细

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

时间:2014-04-23 15:00:41      阅读:1026      评论:0      收藏:0      [点我收藏+]
bubuko.com,布布扣
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <title>将table的每个td的内容自动赋值给其title属性</title>
 5 <meta http-equiv="content-type" content="text/html;charset=UTF-8">
 6 <style type="text/css">
 7 .tbStyle td{
 8     border:1px solid #F00
 9 }
10 .tbStyle th{
11     border:1px solid #F00
12 }
13 </style>
14 <script src="jquery-1.10.2.js" type="text/javascript"></script>
15 <script type="text/javascript">
16 $(function(){
17     //table的最后一列不给其title赋值
18    var cellIndex=parseInt($(".tbStyle th").length)-1;
19    $(".tbStyle tr td").each(function(){
20         if(this.cellIndex != cellIndex){
21             $(this).attr("title",$(this).text());
22             //alert($(this).parent().get(0).rowIndex);输出所在行
23           }
24    });
25 });
26 </script>
27 </head>
28 <body>
29     <table class="tbStyle">
30         <tr>
31             <th>第一列</th>
32             <th>第二列</th>
33             <th>第三列</th>
34             <th>第四列</th>
35         </tr>
36         <tr>
37             <td>aaaaaaa</td>
38             <td>bbbbbbb</td>
39             <td>ccccccc</td>
40             <td>ddddddd</td>
41         </tr>
42         <tr>
43             <td>eeeeeee</td>
44             <td>fffffff</td>
45             <td>ggggggg</td>
46             <td>hhhhhhh</td>
47         </tr>
48         <tr>
49             <td>iiiiiii</td>
50             <td>jjjjjjj</td>
51             <td>kkkkkkk</td>
52             <td>lllllll</td>
53         </tr>
54     </table>
55 </body>
56 </html>
bubuko.com,布布扣

 

【js】将table的每个td的内容自动赋值给其title属性,布布扣,bubuko.com

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

原文:http://www.cnblogs.com/ningvsban/p/3681682.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!