jquery查找tr td 示例模拟

145 阅读 0 评论 96 点赞

我是靠谱客的博主痴情路灯，最近开发中收集的这篇文章主要介绍jquery查找tr td 示例模拟，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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