jquery查找tr td 示例模拟


Posted in Javascript onMay 08, 2014

今天有人在群里突然问我$("#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>
Javascript 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(7)
Dec 23 Javascript
javascript生成/解析dom的CDATA类型的字段的代码
Apr 22 Javascript
关于jquery中全局函数each使用介绍
Dec 10 Javascript
纯JavaScript实现的分页插件实例
Jul 14 Javascript
省市选择的简单实现(基于zepto.js)
Jun 21 Javascript
js前端实现图片懒加载(lazyload)的两种方式
Apr 24 Javascript
Node.js微信 access_token ( jsapi_ticket ) 存取与刷新的示例
Sep 30 Javascript
es6在react中的应用代码解析
Nov 08 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
Aug 24 Javascript
使用layui实现树形结构的方法
Sep 20 Javascript
es6 super关键字的理解与应用实例分析
Feb 15 Javascript
JS面向对象编程——ES6 中class的继承用法详解
Mar 03 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
May 08 #Javascript
JavaScript二维数组实现的省市联动菜单
May 08 #Javascript
javascript中setTimeout的问题解决方法
May 08 #Javascript
在JavaScript中使用timer示例
May 08 #Javascript
JavaScript中读取和保存文件实例
May 08 #Javascript
ExtJS中设置下拉列表框不可编辑的方法
May 07 #Javascript
jquery 显示*天*时*分*秒实现时间计时器
May 07 #Javascript
You might like
php面向对象全攻略 (十七) 自动加载类
2009/09/30 PHP
php实现设计模式中的单例模式详解
2014/10/11 PHP
linux下实现定时执行php脚本
2015/02/13 PHP
laravel 5.1下php artisan migrate的使用注意事项总结
2017/06/07 PHP
PHP dirname(__FILE__)原理及用法解析
2020/10/28 PHP
JavaScript 对话框和状态栏使用说明
2009/10/25 Javascript
利用onresize使得div可以随着屏幕大小而自适应的代码
2010/01/15 Javascript
关于js中alert弹出窗口文本换行问题简单详细说明
2012/12/11 Javascript
实现web打印的各种方法介绍及实现代码
2013/01/09 Javascript
弹出窗口并且此窗口带有半透明的遮罩层效果
2014/03/13 Javascript
js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例
2015/04/29 Javascript
jquery实现删除一个元素后面的所有元素功能
2015/12/21 Javascript
巧用数组制作图片切换js代码
2016/11/29 Javascript
Django与Vue语法的冲突问题完美解决方法
2017/12/14 Javascript
从零开始最小实现react服务器渲染详解
2018/01/26 Javascript
AngularJS对动态增加的DOM实现ng-keyup事件示例
2018/03/12 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
2019/04/10 Javascript
js canvas实现俄罗斯方块
2020/10/11 Javascript
pycharm 使用心得(四)显示行号
2014/06/05 Python
在Django框架中编写Context处理器的方法
2015/07/20 Python
pytorch + visdom CNN处理自建图片数据集的方法
2018/06/04 Python
学习python分支结构
2019/05/17 Python
Python中请不要再用re.compile了
2019/06/30 Python
使用django实现一个代码发布系统
2019/07/18 Python
50行Python代码获取高考志愿信息的实现方法
2019/07/23 Python
Python3 venv搭建轻量级虚拟环境的步骤(图文)
2019/08/09 Python
在Python中使用turtle绘制多个同心圆示例
2019/11/23 Python
python正则过滤字母、中文、数字及特殊字符方法详解
2020/02/11 Python
python飞机大战游戏实例讲解
2020/12/04 Python
经典大学生求职信范文
2014/01/06 职场文书
《神奇的克隆》教学反思
2014/04/10 职场文书
房屋租赁授权委托书范本
2014/09/20 职场文书
质量整改通知单
2015/04/21 职场文书
运动会800米赞词
2015/07/22 职场文书
Python一行代码实现自动发邮件功能
2021/05/30 Python
pnpm对npm及yarn降维打击详解
2022/08/05 Javascript