jquery查找tr td 示例模擬
更新時(shí)間：2014年05月08日 09:40:29 作者：
jquery怎么查找tr td，下面模擬了一個(gè)table出來(lái)，給大家參考
今天有人在群里突然問(wèn)我$("#MainContent_GridView1").closest("tr").children("td:eq(1)").text() 這個(gè)語(yǔ)句怎么查不到值。我問(wèn)他是取一個(gè)tr下面的eq(1)的td的text還是所有的。他說(shuō)所有的。。。。那么肯定要循環(huán)所有的tr，再?gòu)钠渲姓襱d了。。。
在此我寫(xiě)一個(gè)簡(jiǎn)單的博客幫助那些還不知道怎么使用jquery選擇器的朋友。
我模擬了一個(gè)table出來(lái)，給大家參考，下面是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)代表當(dāng)前循環(huán)到的tr,children是tr下的td 再選擇下標(biāo)是1的再text()就出來(lái)了。。
$("#MainContent_GridView1 tbody tr").each(function (i) {
alert($(this).children("td:eq(1)").text());
});
})
</script>
在此我寫(xiě)一個(gè)簡(jiǎn)單的博客幫助那些還不知道怎么使用jquery選擇器的朋友。
我模擬了一個(gè)table出來(lái)，給大家參考，下面是html結(jié)構(gòu)
復(fù)制代碼 代碼如下:
<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)代表當(dāng)前循環(huán)到的tr,children是tr下的td 再選擇下標(biāo)是1的再text()就出來(lái)了。。
$("#MainContent_GridView1 tbody tr").each(function (i) {
alert($(this).children("td:eq(1)").text());
});
})
</script>
您可能感興趣的文章:
- jquery查找父元素、子元素(個(gè)人經(jīng)驗(yàn)總結(jié))
- jQuery父級(jí)以及同級(jí)元素查找介紹
- jquery的父子兄弟節(jié)點(diǎn)查找示例代碼
- 淺析jQuery中常用的元素查找方法總結(jié)
- jquery實(shí)現(xiàn)網(wǎng)頁(yè)查找功能示例分享
- JQuery里面的幾種選擇器 查找滿足條件的元素$("#控件ID")
- JQuery 選擇器、過(guò)濾器介紹
- jquery選擇器之屬性過(guò)濾選擇器詳解
- jquery easyui combobox模糊過(guò)濾(示例代碼)
- jQuery查找和過(guò)濾_動(dòng)力節(jié)點(diǎn)節(jié)點(diǎn)Java學(xué)院整理
相關(guān)文章
AMD異步模塊定義介紹和Require.js中使用jQuery及jQuery插件的方法
這篇文章主要介紹了AMD異步模塊定義介紹和Require.js中使用jQuery及jQuery插件的方法,需要的朋友可以參考下2014-06-06
jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)圖片變亮其他變暗效果
jQuery實(shí)現(xiàn)的仿商城圖片變亮變暗效果，鼠標(biāo)懸停圖片之后該圖片變亮，其他圖片變暗。移開(kāi)鼠標(biāo)所有圖片變亮，兼容主流瀏覽器，適用瀏覽器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗，有需要的小伙伴可以參考下。2015-05-05
jQuery獲取文本節(jié)點(diǎn)之 text()/val()/html() 方法區(qū)別
在jquery中val,text,html都能取到值,或加一個(gè)參數(shù)來(lái)賦值,那么它們有些什么區(qū)別?2011-03-03
jQuery實(shí)現(xiàn)的老虎機(jī)跑動(dòng)效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的老虎機(jī)跑動(dòng)效果,涉及jQuery事件響應(yīng)以及結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作頁(yè)面元素相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-12-12
jQuery擴(kuò)展實(shí)現(xiàn)text提示還能輸入多少字節(jié)的方法
這篇文章主要介紹了jQuery擴(kuò)展實(shí)現(xiàn)text提示還能輸入多少字節(jié)的方法,涉及jQuery擴(kuò)展及字符串操作相關(guān)技巧,需要的朋友可以參考下2016-11-11
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)輪播特效的相關(guān)資料，感興趣的小伙伴們可以參考一下2016-04-04
基于jquery實(shí)現(xiàn)的類似百度搜索的輸入框自動(dòng)完成功能
自動(dòng)完成功能是指：類似百度搜索之類的輸入一個(gè)詞的一部分后就自動(dòng)提示，然后用戶可以選擇，不需要再輸入剩余部分。
2011-08-08 
詳解強(qiáng)大的jQuery選擇器之基本選擇器、層次選擇器
自從接觸了jQuery后就為其強(qiáng)大的選擇器所震撼，這也正是jQuery的優(yōu)勢(shì)所在
2012-02-02 
jQuery選擇器源碼解讀（八）：addCombinator函數(shù)
這篇文章主要介紹了jQuery選擇器源碼解讀（八）：addCombinator函數(shù),本文用詳細(xì)的注釋解讀了addCombinator函數(shù)的實(shí)現(xiàn)源碼,需要的朋友可以參考下
2015-03-03