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>
相關(guān)文章
這篇文章主要介紹了jQuery使用height()獲取高度需要注意的地方,對于display:none或者隱藏的部分無法獲取到其高度,這是使用jQuery的height方法需要注意的地方,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了jQuery實現(xiàn)的自定義彈出層效果,結(jié)合實例形式較為詳細的分析了jQuery自定義彈出層的布局、事件響應(yīng)與頁面元素動態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-09-09
這個漂亮的產(chǎn)品廣告效果，在購物網(wǎng)站也是比較常見的，或是迅雷視頻網(wǎng)站上。2010-12-12
這篇文章主要介紹了EasyUI中的dataGrid的行內(nèi)編輯的實現(xiàn)代碼，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2017-06-06
本節(jié)主要介紹了jQuery如何獲取節(jié)點和子節(jié)點文本，下面有個示例，大家可以參考下2014-07-07
js前臺判斷開始時間是否小于結(jié)束時間,結(jié)合了jquery需要的朋友可以參考下2012-02-02
jQuery實現(xiàn)的解析本地 XML 文檔操作示例
這篇文章主要介紹了jQuery實現(xiàn)的解析本地 XML 文檔操作,結(jié)合實例形式分析了jQuery針對本地 XML 文檔的解析及ajax交互相關(guān)操作技巧,需要的朋友可以參考下2020-04-04
本節(jié)讓我們繼續(xù)Jquery知識的了解：文檔處理。文檔處理主要是對HTML元素進行一些增操作，刪除操作，復制操作，替換操作。2009-05-05
jQuery Validate表單驗證插件 添加class屬性形式的校驗
這篇文章主要介紹了jQuery Validate表單驗證插件，在class屬性中添加校驗規(guī)則進行簡單的校驗，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-01-01
jQuery多級聯(lián)動下拉插件chained用法示例
這篇文章主要介紹了jQuery多級聯(lián)動下拉插件chained用法,結(jié)合實例形式分析了jQuery多級聯(lián)動下拉插件chained的功能與基本使用技巧,需要的朋友可以參考下2016-08-08