今天有人在群裡突然問我$("#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>