快捷導(dǎo)航

js將table的每個(gè)td的內(nèi)容自動(dòng)賦值給其title屬性的方法

更新時(shí)間：2016年10月13日 09:29:54 投稿：jingxian

下面小編就為大家?guī)硪黄猨s將table的每個(gè)td的內(nèi)容自動(dòng)賦值給其title屬性的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

如下所示：

<!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的每個(gè)td的內(nèi)容自動(dòng)賦值給其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的每個(gè)td的內(nèi)容自動(dòng)賦值給其title屬性的方法全部內(nèi)容了，希望大家多多支持腳本之家~

您可能感興趣的文章:

相關(guān)文章

拖動(dòng)table標(biāo)題實(shí)現(xiàn)改變td的大小(css+js代碼)
拖動(dòng)列寬的表格table標(biāo)題同時(shí)改變td的大小，本文將以實(shí)例演示為大家呈現(xiàn)，感興趣的朋友可以參考下哈，希望對你學(xué)習(xí)js或者css有所幫助
2013-04-04
微信小程序詳解如何實(shí)現(xiàn)付款功能
日常小程序里很多是需要付款的，那如何在小程序里實(shí)現(xiàn)付款呢？本篇就帶著大家體驗(yàn)一下，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值
2022-08-08
js跟隨滾動(dòng)條滾動(dòng)浮動(dòng)代碼
js跟隨滾動(dòng)條滾動(dòng)浮動(dòng)代碼，對于firefox不兼容。
2009-12-12
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等屬性
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等屬性的說明，需要的朋友可以參考下。
2011-08-08
DWR中各種java方法的調(diào)用
DWR是一個(gè)框架，簡單的說就是能夠在javascript直接調(diào)用java方法，而不必去寫一大堆的javascript代碼。它的實(shí)現(xiàn)是基于ajax的，可以實(shí)現(xiàn)無刷新效果。不少DWR的例子，但大都只是某種方法的調(diào)用只在使用層面上介紹DWR，并不涉更多的技術(shù)與設(shè)計(jì)javascript中是如何調(diào)用的。
2016-05-05
微信小程序開發(fā)問題之wx.previewImage
這篇文章主要給大家介紹了關(guān)于微信小程序開發(fā)問題之wx.previewImage的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2018-12-12
各瀏覽器對click方法的支持差異小結(jié)
click方法可以用來模擬用戶點(diǎn)擊。有的瀏覽器中所有元素都具有click方法，有的瀏覽器則沒有。
2011-07-07
深入理解JavaScript系列（31）：設(shè)計(jì)模式之代理模式詳解
這篇文章主要介紹了深入理解JavaScript系列（31）：設(shè)計(jì)模式之代理模式詳解,代理模式使得代理對象控制具體對象的引用,代理幾乎可以是任何對象：文件,資源,內(nèi)存中的對象,或者是一些難以復(fù)制的東西,需要的朋友可以參考下
2015-03-03
ES6中l(wèi)et 和 const 的新特性
這篇文章主要介紹了ES6中l(wèi)et 和 const 的新特性，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-09-09
簡單實(shí)用的HTML到UBB轉(zhuǎn)換腳本工具實(shí)現(xiàn)說明
你也許是位樂于分享的技術(shù)人員，盡管你算不上什么技術(shù)高手，但是你都希望把自己所知道的通過博客與網(wǎng)友分享。為了讓更多人知道你的經(jīng)驗(yàn)，你可能會(huì)努力把博文發(fā)布到專業(yè)論壇。
2009-11-11