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 相关文章推荐
jQuery 使用手册(七)
Sep 23 Javascript
Iframe实现跨浏览器自适应高度解决方法
Sep 02 Javascript
jQuery统计指定子元素数量的方法
Mar 17 Javascript
jQuery插件pagination实现无刷新分页
May 21 Javascript
全面了解JavaScript的数据类型转换
Jul 01 Javascript
jQuery制作网页版选项卡
Jul 28 Javascript
AngularJs定制样式插入到ueditor中的问题小结
Aug 01 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
Sep 01 Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
Dec 08 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
May 16 Javascript
详解js中let与var声明变量的区别
Apr 05 Javascript
Vue实现动态查询规则生成组件
May 27 Vue.js
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
在Windows系统上安装PHP运行环境文字教程
2010/07/19 PHP
使用php get_headers 判断URL是否有效的解决办法
2013/04/27 PHP
php 如何禁用eval() 函数实例详解
2016/12/01 PHP
解决laravel 5.1报错:No supported encrypter found的办法
2017/06/07 PHP
PHP面向对象程序设计重载(overloading)操作详解
2019/06/13 PHP
JS 控制CSS样式表
2009/08/20 Javascript
理解Javascript_09_Function与Object
2010/10/16 Javascript
Firefox中beforeunload事件的实现缺陷浅析
2012/05/03 Javascript
基于jQuery实现下拉收缩(展开与折叠)特效
2012/12/25 Javascript
批量实现面向对象的实例代码
2013/07/01 Javascript
当鼠标滑过文本框自动选中输入框内容的JS代码分享
2013/11/26 Javascript
解决JS中乘法的浮点错误的方法
2014/01/03 Javascript
jquery移动点击的项目到列表最顶端的方法
2015/06/24 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
2015/12/19 Javascript
js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法
2016/11/21 Javascript
DOM 事件的深入浅出(一)
2016/12/05 Javascript
多种方式实现js图片预览
2016/12/12 Javascript
vue cli3 配置proxy代理无效的解决
2019/10/30 Javascript
Python 条件判断的缩写方法
2008/09/06 Python
python实现向ppt文件里插入新幻灯片页面的方法
2015/04/28 Python
Python学习笔记之open()函数打开文件路径报错问题
2018/04/28 Python
Python3.5以上版本lxml导入etree报错的解决方案
2019/06/26 Python
Python绘制频率分布直方图的示例
2019/07/08 Python
Pytorch之Variable的用法
2019/12/31 Python
CSS3制作日历实现代码
2012/01/21 HTML / CSS
html5使用canvas画一条线
2014/12/15 HTML / CSS
世界知名接发和假发品牌:Poze Hair
2017/03/08 全球购物
比利时买床:Beter Bed
2017/12/06 全球购物
优质有机椰子产品:Dr. Goerg
2019/09/24 全球购物
物理教育专业求职信
2014/06/25 职场文书
施工安全汇报材料
2014/08/17 职场文书
大学生国庆节65周年演讲稿范文
2014/09/25 职场文书
施工员岗位职责范本
2015/04/11 职场文书
2015年学校教育教学工作总结
2015/04/22 职场文书
2015年远程教育工作总结
2015/05/20 职场文书
vue组件冲突之引用另一个组件出现组件不显示的问题
2022/04/13 Vue.js