JS獲取Table中td值的方法
更新時間:2015年03月19日 12:14:07 作者:damaolly
這篇文章主要介紹了JS獲取Table中td值的方法,實例分析了javascript操作table中td的技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了JS獲取Table中td值的方法。分享給大家供大家參考。具體如下:
1、當(dāng)要獲取多行中的任意TD時,采用給每個TD設(shè)置一個共同的class
復(fù)制代碼 代碼如下:
<tr>
<td style="display: none" id="td2">002</td>
<td style="text-align: left;text-decoration:underline;" id="td2" class="mouse_hover">愛流量APP互聯(lián)網(wǎng)推廣</td>
<td style="text-align: left;">集團市場部</td>
<td style="text-align: left;">2015-3-16</td>
<td style="text-align: left;">2015-3-25</td>
<td style="text-align: center;">11</td>
<td></td>
</tr>
<td style="display: none" id="td2">002</td>
<td style="text-align: left;text-decoration:underline;" id="td2" class="mouse_hover">愛流量APP互聯(lián)網(wǎng)推廣</td>
<td style="text-align: left;">集團市場部</td>
<td style="text-align: left;">2015-3-16</td>
<td style="text-align: left;">2015-3-25</td>
<td style="text-align: center;">11</td>
<td></td>
</tr>
在初始化方法:
$(document).ready(function() {
$(".mouse_hover").click(function() {
//$(this).context.innerHTML //同樣效果
alert($(this).text());
//alert("222" + $(this).context.innerText);
})
});
2、固定TD取值,設(shè)置TD的id:
document.getElementById('td1').innerHTML
希望本文所述對大家的javascript程序設(shè)計有所幫助。
您可能感興趣的文章:
- JS表格組件神器bootstrap table詳解(基礎(chǔ)版)
- JS組件Bootstrap Table使用方法詳解
- JS動態(tài)添加Table的TR,TD實現(xiàn)方法
- JavaScript獲取table中某一列的值的方法
- Sortable.js拖拽排序使用方法解析
- Js獲取table當(dāng)前tr行的值的代碼
- JS實現(xiàn)動態(tài)生成html table表格的方法分析
- js操作table示例(個人心得)
- js實現(xiàn)table添加行tr、刪除行tr、清空行tr的簡單實例
- JavaScript操作HTML表格:遍歷、列讀取、刪除行、更新列等table的動態(tài)管理
相關(guān)文章
30分鐘快速入門掌握ES6/ES2015的核心內(nèi)容(下)
這篇文章主要給大家介紹了如何通過30分鐘快速入門掌握ES6/ES2015的核心內(nèi)容的相關(guān)資料,之前給大家介紹過基礎(chǔ)的一些內(nèi)容,下面繼續(xù)來介紹一些其他的新特性,需要的朋友可以參考借鑒,下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-04-04
微信小程序中this.data與this.setData的區(qū)別詳解
這篇文章主要給大家介紹了關(guān)于微信小程序中this.data與this.setData區(qū)別的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起看看吧2018-09-09
解讀IE和firefox下JScript和HREF的執(zhí)行順序
2008-01-01

