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实现的tab效果可以指定默认显示第几页
Oct 16 Javascript
jQuery实现向下滑出的平滑下拉菜单效果
Aug 21 Javascript
js实现的二分查找算法实例
Jan 21 Javascript
浅谈jQuery操作类数组的工具方法
Dec 23 Javascript
js实现文字跑马灯效果
Feb 23 Javascript
完美实现js焦点轮播效果(一)
Mar 07 Javascript
JS+canvas实现的五子棋游戏【人机大战版】
Jul 19 Javascript
r.js来合并压缩css文件的示例
Apr 26 Javascript
用vuex写了一个购物车H5页面的示例代码
Dec 04 Javascript
JS原型与继承操作示例
May 09 Javascript
微信小程序自定义菜单切换栏tabbar组件代码实例
Dec 30 Javascript
vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】
Mar 06 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中删除字符串中最先出现某个字符的实现代码
2013/02/03 PHP
PHP中使用循环实现的金字塔图形
2014/11/08 PHP
PHP从FLV文件获取视频预览图的方法
2015/03/12 PHP
比较全的JS checkbox全选、取消全选、删除功能代码
2008/12/19 Javascript
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码
2011/10/22 Javascript
.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)
2013/03/11 Javascript
jquery+ajax实现注册实时验证实例详解
2015/12/08 Javascript
Node.js模块封装及使用方法
2016/03/06 Javascript
BootStrap智能表单实战系列(九)表单图片上传的支持
2016/06/13 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
2016/09/23 Javascript
jQuery实现页面倒计时并刷新效果
2017/03/13 Javascript
JavaScript实现职责链模式概述
2018/01/25 Javascript
Vue 中mixin 的用法详解
2018/04/23 Javascript
Vue 实现展开折叠效果的示例代码
2018/08/27 Javascript
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
2019/05/26 Javascript
vue微信分享插件使用方法详解
2020/02/18 Javascript
微信小程序实现菜单左右联动
2020/05/19 Javascript
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
2020/08/31 Javascript
[02:56]《DAC最前线》之国外战队抵达上海备战亚洲邀请赛
2015/01/28 DOTA
Python抓取百度查询结果的方法
2015/07/08 Python
Python实现的插入排序算法原理与用法实例分析
2017/11/22 Python
浅谈flask中的before_request与after_request
2018/01/20 Python
python实现flappy bird小游戏
2018/12/24 Python
浅谈python 读excel数值为浮点型的问题
2018/12/25 Python
Python操作配置文件ini的三种方法讲解
2019/02/22 Python
Django 多环境配置详解
2019/05/14 Python
DJANGO-URL反向解析REVERSE实例讲解
2019/10/25 Python
深入了解如何基于Python读写Kafka
2019/12/31 Python
最小二乘法及其python实现详解
2020/02/24 Python
css3.0 图形构成实例练习一
2013/03/19 HTML / CSS
CSS3自定义滚动条样式 ::webkit-scrollbar的示例代码详解
2020/06/01 HTML / CSS
澳大利亚的奢侈品牌:Oroton
2016/08/26 全球购物
百货商场楼层班组长竞聘书
2014/03/31 职场文书
给老婆的检讨书(搞笑版)
2015/05/06 职场文书
实践论读书笔记
2015/06/29 职场文书
python 利用 PIL 将数组值转成图片的实现
2021/04/12 Python