jquery查找tr td 示例模擬
更新時(shí)間：2014年05月08日 09:40:29 作者：
jquery怎么查找tr td，下面模擬了一個(gè)table出來，給大家參考
今天有人在群里突然問我$("#MainContent_GridView1").closest("tr").children("td:eq(1)").text() 這個(gè)語句怎么查不到值。我問他是取一個(gè)tr下面的eq(1)的td的text還是所有的。他說所有的。。。。那么肯定要循環(huán)所有的tr，再從其中找td了。。。
在此我寫一個(gè)簡單的博客幫助那些還不知道怎么使用jquery選擇器的朋友。
我模擬了一個(gè)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)代表當(dāng)前循環(huán)到的tr,children是tr下的td 再選擇下標(biāo)是1的再text()就出來了。。
$("#MainContent_GridView1 tbody tr").each(function (i) {
alert($(this).children("td:eq(1)").text());
});
})
</script>
在此我寫一個(gè)簡單的博客幫助那些還不知道怎么使用jquery選擇器的朋友。
我模擬了一個(gè)table出來，給大家參考，下面是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()就出來了。。
$("#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)頁查找功能示例分享
- JQuery里面的幾種選擇器 查找滿足條件的元素$("#控件ID")
- JQuery 選擇器、過濾器介紹
- jquery選擇器之屬性過濾選擇器詳解
- jquery easyui combobox模糊過濾(示例代碼)
- jQuery查找和過濾_動(dòng)力節(jié)點(diǎn)節(jié)點(diǎn)Java學(xué)院整理
相關(guān)文章
這篇文章主要介紹了jQuery使用height()獲取高度需要注意的地方,對(duì)于display:none或者隱藏的部分無法獲取到其高度,這是使用jQuery的height方法需要注意的地方,需要的朋友可以參考下2014-12-12
jQuery實(shí)現(xiàn)的自定義彈出層效果實(shí)例詳解
這篇文章主要介紹了jQuery實(shí)現(xiàn)的自定義彈出層效果,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery自定義彈出層的布局、事件響應(yīng)與頁面元素動(dòng)態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-09-09
這個(gè)漂亮的產(chǎn)品廣告效果，在購物網(wǎng)站也是比較常見的，或是迅雷視頻網(wǎng)站上。2010-12-12
這篇文章主要介紹了EasyUI中的dataGrid的行內(nèi)編輯的實(shí)現(xiàn)代碼，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2017-06-06
jQuery獲取節(jié)點(diǎn)和子節(jié)點(diǎn)文本的方法
本節(jié)主要介紹了jQuery如何獲取節(jié)點(diǎn)和子節(jié)點(diǎn)文本，下面有個(gè)示例，大家可以參考下2014-07-07
js前臺(tái)判斷開始時(shí)間是否小于結(jié)束時(shí)間
js前臺(tái)判斷開始時(shí)間是否小于結(jié)束時(shí)間,結(jié)合了jquery需要的朋友可以參考下2012-02-02
jQuery實(shí)現(xiàn)的解析本地 XML 文檔操作示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的解析本地 XML 文檔操作,結(jié)合實(shí)例形式分析了jQuery針對(duì)本地 XML 文檔的解析及ajax交互相關(guān)操作技巧,需要的朋友可以參考下2020-04-04
Jquery 基礎(chǔ)學(xué)習(xí)筆記之文檔處理
本節(jié)讓我們繼續(xù)Jquery知識(shí)的了解：文檔處理。文檔處理主要是對(duì)HTML元素進(jìn)行一些增操作，刪除操作，復(fù)制操作，替換操作。2009-05-05
jQuery Validate表單驗(yàn)證插件 添加class屬性形式的校驗(yàn)
這篇文章主要介紹了jQuery Validate表單驗(yàn)證插件，在class屬性中添加校驗(yàn)規(guī)則進(jìn)行簡單的校驗(yàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-01-01
jQuery多級(jí)聯(lián)動(dòng)下拉插件chained用法示例
這篇文章主要介紹了jQuery多級(jí)聯(lián)動(dòng)下拉插件chained用法,結(jié)合實(shí)例形式分析了jQuery多級(jí)聯(lián)動(dòng)下拉插件chained的功能與基本使用技巧,需要的朋友可以參考下2016-08-08