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 相关文章推荐
asp 的 分词实现代码
May 24 Javascript
jquery easyui combox一些实用的小方法
Dec 25 Javascript
js 获取元素在页面上的偏移量的方法汇总
Apr 13 Javascript
js实现点击文本框显示日期选择器特效代码分享
May 21 Javascript
Jquery uploadify上传插件使用详解
Jan 13 Javascript
form+iframe解决跨域上传文件的方法
Nov 18 Javascript
vue组件实例解析
Jan 10 Javascript
sublime text配置node.js调试(图文教程)
Nov 23 Javascript
微信小程序module.exports模块化操作实例浅析
Dec 20 Javascript
基于layui实现高级搜索(筛选)功能
Jul 26 Javascript
利用Vue的v-for和v-bind实现列表颜色切换
Jul 17 Javascript
node.js如何操作MySQL数据库
Oct 29 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入门学习知识点八 PHP中for循环基本应用之九九乘法口绝表
2011/07/14 PHP
php引用计数器进行垃圾收集机制介绍
2012/09/19 PHP
PHP连接Nginx服务器并解析Nginx日志的方法
2015/08/16 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
ExtJS DOM元素操作经验分享
2013/08/28 Javascript
jquery判断元素的子元素是否存在的示例代码
2014/02/04 Javascript
Nodejs极简入门教程(三):进程
2014/10/27 NodeJs
Node.js抓取中文网页乱码问题和解决方法
2015/02/10 Javascript
JavaScript数据库TaffyDB用法实例分析
2015/07/27 Javascript
Jquery数字上下滚动动态切换插件
2015/08/08 Javascript
jQuery+PHP星级评分实现方法
2015/10/02 Javascript
jQuery插件之Tocify动态节点目录菜单生成器附源码下载
2016/01/08 Javascript
用JavaScript实现让浏览器停止载入页面的方法
2017/01/19 Javascript
Vue.js 单页面多路由区域操作的实例详解
2017/07/17 Javascript
使用JS模拟锚点跳转的实例
2018/02/01 Javascript
JS实现根据详细地址获取经纬度功能示例
2019/04/16 Javascript
jQuery删除/清空指定元素的所有子节点实例代码
2019/07/04 jQuery
解决Can't find variable: SockJS vue项目的问题
2020/09/22 Javascript
python opencv实现gif图片分解的示例代码
2019/12/13 Python
PyQT5速成教程之Qt Designer介绍与入门
2020/11/02 Python
python 如何引入协程和原理分析
2020/11/30 Python
信用社实习人员自我鉴定
2013/09/20 职场文书
平面设计自荐信
2013/10/07 职场文书
毕业生自荐书模版
2014/01/04 职场文书
商务日语专业自荐信
2014/04/17 职场文书
建筑安全标语
2014/06/07 职场文书
2014年世界艾滋病日宣传活动总结
2014/11/18 职场文书
人事主管岗位职责
2015/02/04 职场文书
前台接待岗位职责范本
2015/04/03 职场文书
公司聚餐通知
2015/04/22 职场文书
2015年信息宣传工作总结
2015/05/26 职场文书
2015年大学生暑期实习报告
2015/07/13 职场文书
董事长助理工作总结2015
2015/07/23 职场文书
公司借款担保书
2015/09/22 职场文书
go开发alertmanger实现钉钉报警
2021/07/16 Golang
mysql 联合索引生效的条件及索引失效的条件
2021/11/20 MySQL