提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

jquery查找trtd示例模拟

jQuery模拟 示例 查找
2023-06-13 09:15:26 时间
今天有人在群里突然问我$("#MainContent_GridView1").closest("tr").children("td:eq(1)").text()这个语句怎么查不到值。我问他是取一个tr下面的eq(1)的td的text还是所有的。他说所有的。。。。那么肯定要循环所有的tr，再从其中找td了。。。

在此我写一个简单的博客帮助那些还不知道怎么使用jquery选择器的朋友。

我模拟了一个table出来，给大家参考，下面是html结构
复制代码代码如下:

<tableid="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文件，在文章上就不引入了。

<scripttype="text/javascript">
$(function(){

//首先找到tableid为MainContent_GridView1，然后找tbody下面所有的tr然后each循环，$(this)代表当前循环到的tr,children是tr下的td再选择下标是1的再text()就出来了。。

$("#MainContent_GridView1tbodytr").each(function(i){
alert($(this).children("td:eq(1)").text());
});
})
</script>

相关文章