jquery查找tr td 示例模拟
更新时间：2014年05月08日 09:40:29 作者：
jquery怎么查找tr td，下面模拟了一个table出来，给大家参考
今天有人在群里突然问我$("#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选择器的朋友。
我模拟了一个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>
相关文章
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
这篇文章主要介绍了AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法,需要的朋友可以参考下2014-06-06
jQuery实现的仿商城图片变亮变暗效果，鼠标悬停图片之后该图片变亮，其他图片变暗。移开鼠标所有图片变亮，兼容主流浏览器，适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗，有需要的小伙伴可以参考下。2015-05-05
jQuery获取文本节点之 text()/val()/html() 方法区别
在jquery中val,text,html都能取到值,或加一个参数来赋值,那么它们有些什么区别?2011-03-03
这篇文章主要介绍了jQuery实现的老虎机跑动效果,涉及jQuery事件响应以及结合时间函数动态操作页面元素相关实现技巧,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了jQuery扩展实现text提示还能输入多少字节的方法,涉及jQuery扩展及字符串操作相关技巧,需要的朋友可以参考下2016-11-11
这篇文章主要为大家详细介绍了基于jquery实现轮播特效的相关资料，感兴趣的小伙伴们可以参考一下2016-04-04
这篇文章主要介绍了jquery实现无限分级横向导航菜单的方法,实例分析了基于jQuery插件操作html与对应样式实现导航菜单效果的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
自动完成功能是指：类似百度搜索之类的输入一个词的一部分后就自动提示，然后用户可以选择，不需要再输入剩余部分。2011-08-08
自从接触了jQuery后就为其强大的选择器所震撼，这也正是jQuery的优势所在2012-02-02
jQuery选择器源码解读（八）：addCombinator函数
这篇文章主要介绍了jQuery选择器源码解读（八）：addCombinator函数,本文用详细的注释解读了addCombinator函数的实现源码,需要的朋友可以参考下2015-03-03
最新评论