jquery查找tr td 示例模擬
更新時間：2014年05月08日 09:40:29 作者：
jquery怎么查找tr td，下面模擬了一個table出來，給大家參考
今天有人在群里突然問我$("#MainContent_GridView1").closest("tr").children("td:eq(1)").text() 這個語句怎么查不到值。我問他是取一個tr下面的eq(1)的td的text還是所有的。他說所有的。。。。那么肯定要循環(huán)所有的tr，再從其中找td了。。。
在此我寫一個簡單的博客幫助那些還不知道怎么使用jquery選擇器的朋友。
我模擬了一個table出來，給大家參考，下面是html結(jié)構(gòu)
<table id="MainContent_GridView1">
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>11</td>
<td>22</td>
<td>33</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
</tr>
</tbody>
</table>
//我引入了本地的jquery文件，在文章上就不引入了。
<script type="text/javascript">
$(function () {
//首先找到table id 為MainContent_GridView1，然后找tbody 下面所有的tr 然后each循環(huán)，$(this)代表當前循環(huán)到的tr,children是tr下的td 再選擇下標是1的再text()就出來了。。
$("#MainContent_GridView1 tbody tr").each(function (i) {
alert($(this).children("td:eq(1)").text());
});
})
</script>
在此我寫一個簡單的博客幫助那些還不知道怎么使用jquery選擇器的朋友。
我模擬了一個table出來，給大家參考，下面是html結(jié)構(gòu)
復制代碼 代碼如下:
<table id="MainContent_GridView1">
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>11</td>
<td>22</td>
<td>33</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
</tr>
</tbody>
</table>
//我引入了本地的jquery文件，在文章上就不引入了。
<script type="text/javascript">
$(function () {
//首先找到table id 為MainContent_GridView1，然后找tbody 下面所有的tr 然后each循環(huán)，$(this)代表當前循環(huán)到的tr,children是tr下的td 再選擇下標是1的再text()就出來了。。
$("#MainContent_GridView1 tbody tr").each(function (i) {
alert($(this).children("td:eq(1)").text());
});
})
</script>
相關文章
AMD異步模塊定義介紹和Require.js中使用jQuery及jQuery插件的方法
這篇文章主要介紹了AMD異步模塊定義介紹和Require.js中使用jQuery及jQuery插件的方法,需要的朋友可以參考下2014-06-06
jQuery實現(xiàn)鼠標經(jīng)過圖片變亮其他變暗效果
jQuery實現(xiàn)的仿商城圖片變亮變暗效果，鼠標懸停圖片之后該圖片變亮，其他圖片變暗。移開鼠標所有圖片變亮，兼容主流瀏覽器，適用瀏覽器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗，有需要的小伙伴可以參考下。2015-05-05
jQuery獲取文本節(jié)點之 text()/val()/html() 方法區(qū)別
在jquery中val,text,html都能取到值,或加一個參數(shù)來賦值,那么它們有些什么區(qū)別?2011-03-03
這篇文章主要介紹了jQuery實現(xiàn)的老虎機跑動效果,涉及jQuery事件響應以及結(jié)合時間函數(shù)動態(tài)操作頁面元素相關實現(xiàn)技巧,需要的朋友可以參考下2018-12-12
jQuery擴展實現(xiàn)text提示還能輸入多少字節(jié)的方法
這篇文章主要介紹了jQuery擴展實現(xiàn)text提示還能輸入多少字節(jié)的方法,涉及jQuery擴展及字符串操作相關技巧,需要的朋友可以參考下2016-11-11
這篇文章主要為大家詳細介紹了基于jquery實現(xiàn)輪播特效的相關資料，感興趣的小伙伴們可以參考一下2016-04-04
基于jquery實現(xiàn)的類似百度搜索的輸入框自動完成功能
自動完成功能是指：類似百度搜索之類的輸入一個詞的一部分后就自動提示，然后用戶可以選擇，不需要再輸入剩余部分。
2011-08-08 
自從接觸了jQuery后就為其強大的選擇器所震撼，這也正是jQuery的優(yōu)勢所在
2012-02-02 
jQuery選擇器源碼解讀（八）：addCombinator函數(shù)
這篇文章主要介紹了jQuery選擇器源碼解讀（八）：addCombinator函數(shù),本文用詳細的注釋解讀了addCombinator函數(shù)的實現(xiàn)源碼,需要的朋友可以參考下
2015-03-03