js將table的每個td的內(nèi)容自動賦值給其title屬性的方法
更新時間:2016年10月13日 09:29:54 投稿:jingxian
下面小編就為大家?guī)硪黄猨s將table的每個td的內(nèi)容自動賦值給其title屬性的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
如下所示:
<!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的內(nèi)容自動賦值給其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>
以上就是小編為大家?guī)淼膉s將table的每個td的內(nèi)容自動賦值給其title屬性的方法全部內(nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
JavaScript簡單生成 N~M 之間隨機數(shù)的方法
這篇文章主要介紹了JavaScript簡單生成 N~M 之間隨機數(shù)的方法,結(jié)合自定義函數(shù)分析了JS生成固定區(qū)間內(nèi)隨機數(shù)的相關(guān)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2017-01-01JavaScript 關(guān)鍵字屏蔽實現(xiàn)函數(shù)
JavaScript屏蔽關(guān)鍵字,大概的思路就是去用javascript去替換已有的文本,達(dá)到替換的目的2009-08-08《JavaScript DOM 編程藝術(shù)》讀書筆記之DOM基礎(chǔ)
這篇文章主要介紹了《JavaScript DOM 編程藝術(shù)》讀書筆記之DOM基礎(chǔ),需要的朋友可以參考下2015-01-01JavaScript 檢測瀏覽器和操作系統(tǒng)的腳本
代碼轉(zhuǎn)自《Professional JavaScript™ for Web Developers》一書。2008-12-12微信小程序?qū)崿F(xiàn)2048小游戲的詳細(xì)過程
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)2048小游戲的相關(guān)資料,文中將實現(xiàn)的代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2021-09-09Three.js基礎(chǔ)學(xué)習(xí)之場景對象
這篇文章主要給大家介紹了Three.js基礎(chǔ)學(xué)習(xí)之場景對象的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用three.js具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起看看吧。2017-09-09