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 相关文章推荐
使用apply方法处理数组的三个技巧[译]
Sep 20 Javascript
多个datatable共存造成多个表格的checkbox都被选中
Jul 11 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
Dec 06 Javascript
js动态创建标签示例代码
Jun 09 Javascript
字段太多jquey快速清空表单内容方法
Aug 21 Javascript
JS如何实现文本框随文本的长度而增长
Jul 30 Javascript
JS与jQ读取xml文件的方法
Dec 08 Javascript
基于JavaScript实现智能右键菜单
Mar 02 Javascript
Bootstrap布局之栅格系统学习笔记
May 04 Javascript
解析原来浏览器原生支持JS Base64编码解码
Aug 12 Javascript
VsCode与Node.js知识点详解
Sep 05 Javascript
JavaScript实现更换背景图片
Oct 18 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下载CSS文件中的图片的代码
2013/09/24 PHP
Yii2框架实现数据库常用操作总结
2017/02/08 PHP
php生成微信红包数组的方法
2019/09/05 PHP
PHP使用递归按层级查找数据的方法
2019/11/10 PHP
Mootools 1.2教程 Tooltips
2009/09/15 Javascript
基于jquery的一个图片hover的插件
2010/04/24 Javascript
各浏览器中querySelector和querySelectorAll的实现差异分析
2012/05/23 Javascript
基于jquery实现后台左侧菜单点击上下滑动显示
2013/04/11 Javascript
验证码在IE中不刷新而谷歌等浏览器正常的解决方案
2014/03/18 Javascript
javascript制作游戏开发碰撞检测的封装代码
2015/03/31 Javascript
js+css实现select的美化效果
2016/03/24 Javascript
JS表单验证的代码(常用)
2016/04/08 Javascript
javascript弹出带文字信息的提示框效果
2016/07/19 Javascript
angularjs+bootstrap菜单的使用示例代码
2017/03/07 Javascript
JS实现的加减乘除四则运算计算器示例
2017/08/09 Javascript
Js经典案例的实例代码
2018/05/10 Javascript
react native 原生模块桥接的简单说明小结
2019/02/26 Javascript
python uuid模块使用实例
2015/04/08 Python
windows10系统中安装python3.x+scrapy教程
2016/11/08 Python
对python 各种删除文件失败的处理方式分享
2018/04/24 Python
Python 单元测试(unittest)的使用小结
2018/11/14 Python
python3利用ctypes传入一个字符串类型的列表方法
2019/02/12 Python
Python实现html转换为pdf报告(生成pdf报告)功能示例
2019/05/04 Python
python3 pathlib库Path类方法总结
2019/12/26 Python
Python制作一个仿QQ办公版的图形登录界面
2020/09/22 Python
HTML5 WebSocket实现点对点聊天的示例代码
2018/01/31 HTML / CSS
医学生求职自荐信
2013/10/25 职场文书
出纳的岗位职责
2013/11/09 职场文书
《长城》教学反思
2014/02/14 职场文书
开会迟到检讨书范文
2015/05/06 职场文书
刑事起诉书范文
2015/05/19 职场文书
MySQL 数据类型选择原则
2021/05/27 MySQL
Django与数据库交互的实现
2021/06/03 Python
mysql中between的边界,范围说明
2021/06/08 MySQL
Python+tkinter实现高清图片保存
2022/03/13 Python
MySQL数据库查询进阶之多表查询详解
2022/04/08 MySQL