JS獲取Table中td值的方法
更新時間:2015年03月19日 12:14:07 作者:damaolly
這篇文章主要介紹了JS獲取Table中td值的方法,實例分析了javascript操作table中td的技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了JS獲取Table中td值的方法。分享給大家供大家參考。具體如下:
1、當要獲取多行中的任意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è)計有所幫助。
您可能感興趣的文章:
相關(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