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

2019-11-20 08:45:51

字体：大中小

来源：转载

供稿：网友

如下所示：

<!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属性的方法全部内容了，希望大家多多支持武林网~

上一篇：js给table赋值的实例代码

下一篇：jquery获取点击控件的绝对位置简单实例