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 相关文章推荐
Zero Clipboard js+swf实现的复制功能使用方法
Mar 07 Javascript
javascript模拟订火车票和退票示例
Apr 24 Javascript
EasyUi datagrid 实现表格分页
Feb 10 Javascript
JavaScript生成二维码图片小结
Dec 27 Javascript
JS实现焦点图轮播效果的方法详解
Dec 19 Javascript
Javascript中字符串和数字的操作方法整理
Jan 22 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
May 14 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
May 31 Javascript
详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序
Nov 21 Javascript
ES6入门教程之变量的解构赋值详解
Apr 13 Javascript
LayUI switch 开关监听 获取属性值、更改状态的方法
Sep 21 Javascript
JavaScript分页组件使用方法详解
Jul 26 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
jQuery :first选择器使用介绍
2013/08/09 Javascript
jQuery filter函数使用方法
2014/05/19 Javascript
JavaScript中的Primitive对象封装介绍
2014/12/31 Javascript
Node.js 学习笔记之简介、安装及配置
2015/03/03 Javascript
获取阴历(农历)和当前日期的js代码
2016/02/15 Javascript
JS使用eval()动态创建变量的方法
2016/06/03 Javascript
jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)
2016/06/22 Javascript
jQuery基于排序功能实现上移、下移的方法
2016/11/26 Javascript
JavaScript实现邮箱地址自动匹配功能代码
2016/11/28 Javascript
使用Bootstrap美化按钮实例代码(demo)
2017/02/03 Javascript
详解vue-router和vue-cli以及组件之间的传值
2017/07/04 Javascript
Mac 安装 nodejs方法(图文详细步骤)
2017/10/30 NodeJs
vue.js或js实现中文A-Z排序的方法
2018/03/08 Javascript
解决vue移动端适配问题
2018/12/12 Javascript
今天,小程序正式支持 SVG
2019/04/20 Javascript
Vue注册组件命名时不能用大写的原因浅析
2019/04/25 Javascript
如何通过JS实现转码与解码
2020/02/21 Javascript
vue实现两个区域滚动条同步滚动
2020/12/13 Vue.js
[02:20]DOTA2亚洲邀请赛 IG战队出场宣传片
2015/02/07 DOTA
[53:49]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
TensorFlow模型保存和提取的方法
2018/03/08 Python
在PyTorch中使用标签平滑正则化的问题
2020/04/03 Python
Python如何输出警告信息
2020/07/30 Python
HTML5画渐变背景图片并自动下载实现步骤
2013/11/18 HTML / CSS
德国BA保镖药房韩文网:kr.ba.de
2017/09/04 全球购物
翻新二手苹果产品的网络领导者:Mac of all Trades
2017/12/19 全球购物
村安全生产责任书
2014/08/25 职场文书
干部对照检查材料范文
2014/08/26 职场文书
2014法院四风问题对照检查材料思想汇报
2014/10/04 职场文书
2015年城管个人工作总结范文
2015/04/20 职场文书
聘任通知书
2015/09/21 职场文书
2016年小学圣诞节活动总结
2016/03/31 职场文书
关于办理居住证的介绍信模板
2019/11/27 职场文书
Java数组与堆栈相关知识总结
2021/06/29 Java/Android
深入解析Apache Hudi内核文件标记机制
2022/03/31 Servers
win10怎么设置右下角图标不折叠?Win10设置右下角图标不折叠的方法
2022/07/15 数码科技