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 相关文章推荐
JS控制表格隔行变色
Jun 26 Javascript
JQuery实现简单的图片滑动切换特效
Nov 22 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
Mar 05 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
May 10 Javascript
JS获取年月日时分秒的方法分析
Nov 28 Javascript
angular4实现tab栏切换的方法示例
Oct 21 Javascript
ES6 javascript的异步操作实例详解
Oct 30 Javascript
微信小程序中转义字符的处理方法
Mar 28 Javascript
Vue使用localStorage存储数据的方法
May 27 Javascript
利用Angular7开发一个Radio组件的全过程
Jul 11 Javascript
Vue实现导航栏菜单
Aug 19 Javascript
简单谈谈offsetleft、offsetTop和offsetParent
Dec 04 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
一实用的实现table排序的Javascript类库
2007/09/12 Javascript
js 格式化时间日期函数小结
2010/03/20 Javascript
Html中JS脚本执行顺序简单举例说明
2010/06/19 Javascript
Jquery时间验证和转换工具小例子
2013/07/01 Javascript
Knockout数组(observable)使用详解示例
2013/11/15 Javascript
防止按钮在短时间内被多次点击的方法
2014/03/10 Javascript
js利用prototype调用Array的slice方法示例
2014/06/09 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
2014/07/02 Javascript
jquery text()方法取标签中的文本
2014/07/25 Javascript
jquery学习总结(超级详细)
2014/09/04 Javascript
mvvm双向绑定机制的原理和实现代码(推荐)
2016/06/07 Javascript
浅谈javascript基础之客户端事件驱动
2016/06/10 Javascript
javascript 中null和undefined区分和比较
2017/04/19 Javascript
JS中精巧的自动柯里化实现方法
2017/12/12 Javascript
使用Vue做一个简单的todo应用的三种方式的示例代码
2018/10/20 Javascript
JS基于Location实现访问Url、重定向及刷新页面的方法分析
2018/12/03 Javascript
Vue filter 过滤当前时间 实现实时更新效果
2019/12/20 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
2020/02/12 Javascript
[37:03]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第二场 12.16
2020/12/18 DOTA
Python多线程编程(四):使用Lock互斥锁
2015/04/05 Python
python-itchat 统计微信群、好友数量,及原始消息数据的实例
2019/02/21 Python
Python实现堡垒机模式下远程命令执行操作示例
2019/05/09 Python
Python使用MyQR制作专属动态彩色二维码功能
2019/06/04 Python
用python生成(动态彩色)二维码的方法(使用myqr库实现)
2019/06/24 Python
Pycharm2020最新激活码|永久激活(附最新激活码和插件的详细教程)
2020/09/29 Python
python3 os进行嵌套操作的实例讲解
2020/11/19 Python
如何用 Python 制作 GitHub 消息助手
2021/02/20 Python
HTML5+JS实现俄罗斯方块原理及具体步骤
2013/11/29 HTML / CSS
利用Storage Event实现页面间通信的示例代码
2018/07/26 HTML / CSS
英国著名音像制品和图书游戏购物网站:Zavvi
2016/08/04 全球购物
师德建设实施方案
2014/03/21 职场文书
平安校园建设方案
2014/05/02 职场文书
学习党章的体会
2014/11/07 职场文书
暂住证明怎么写
2015/06/19 职场文书
七年级数学教学反思
2016/02/17 职场文书
使用python绘制横竖条形图
2022/04/21 Python