手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery查找tr td 示例模拟
jquery查找tr td 示例模拟
摘要:今天有人在群里突然问我$("#MainContent_GridView1").closest("tr").children("td:eq(1...

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

【jquery查找tr td 示例模拟】相关文章:

JavaScript中使用Math.PI圆周率属性的方法

动态提示的下拉框

JS中的THIS和WINDOW.EVENT.SRCELEMENT详解

jQuery插件bgStretcher.js实现全屏背景特效

浅谈利用JavaScript进行的DDoS攻击原理与防御

jQuery+ajax实现无刷新级联菜单示例

javascript实时显示当天日期的方法

jquery中map函数遍历数组用法实例

JavaScript每天定时更换皮肤样式的方法

jQuery基于图层模仿五星星评价功能的方法

精品推荐
分类导航