DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery查找tr td 示例模擬
jquery查找tr td 示例模擬
編輯:JQuery特效代碼     
今天有人在群裡突然問我$("#MainContent_GridView1").closest("tr").children("td:eq(1)").text() 這個語句怎麼查不到值。我問他是取一個tr下面的eq(1)的td的text還是所有的。他說所有的。。。。那麼肯定要循環所有的tr,再從其中找td了。。。

在此我寫一個簡單的博客幫助那些還不知道怎麼使用jquery選擇器的朋友。

我模擬了一個table出來,給大家參考,下面是html結構
. 代碼如下:
<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循環,$(this)代表當前循環到的tr,children是tr下的td 再選擇下標是1的再text()就出來了。。

$("#MainContent_GridView1 tbody tr").each(function (i) {
alert($(this).children("td:eq(1)").text());
});
})
</script>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved