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 相关文章推荐
一张表格告诉你windows.onload()与$(document).ready()的区别
May 16 Javascript
一个小例子解释如何来阻止Jquery事件冒泡
Jul 17 Javascript
javascript框架设计读书笔记之字符串的扩展和修复
Dec 02 Javascript
Vue.js bootstrap前端实现分页和排序
Mar 10 Javascript
纯jQuery实现前端分页功能
Mar 23 jQuery
微信小程序 滚动到某个位置添加class效果实现代码
Apr 19 Javascript
React.js中常用的ES6写法总结(推荐)
May 09 Javascript
vue2.0 自定义日期时间过滤器
Jun 07 Javascript
微信小程序三级联动地址选择器的实例代码
Jul 12 Javascript
Vue中对拿到的数据进行A-Z排序的实例
Sep 25 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
Aug 15 Javascript
js实现录音上传功能
Nov 22 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中XMLHttpRequest(Ajax)不能设置自定义的Referer的解决方法
2011/11/26 PHP
php使用正则表达式提取字符串中尖括号、小括号、中括号、大括号中的字符串
2020/04/05 PHP
Google Suggest ;-) 基于js的动态下拉菜单
2006/10/11 Javascript
用正则xmlHttp实现的偷(转)
2007/01/22 Javascript
JavaScript学习历程和心得小结
2010/08/16 Javascript
Dom 是什么的详细说明
2010/10/25 Javascript
js中的referrer返回上一页使用介绍
2013/09/26 Javascript
js 弹出框只弹一次(二次修改之后的)
2013/11/26 Javascript
JavaScript设置body高度为浏览器高度的方法
2015/02/09 Javascript
深入解读JavaScript中的Hoisting机制
2015/08/12 Javascript
JS实现的竖向折叠菜单代码
2015/10/21 Javascript
jquery ajax后台返回list,前台用jquery遍历list的实现
2016/10/30 Javascript
AngularJS动态加载模块和依赖的方法分析
2016/11/08 Javascript
Bootstrap基本模板的使用和理解1
2016/12/14 Javascript
nodeJS删除文件方法示例
2016/12/25 NodeJs
全选复选框JavaScript编写小结(附代码)
2017/08/16 Javascript
React props和state属性的具体使用方法
2018/04/12 Javascript
vue根据值给予不同class的实例
2018/09/29 Javascript
js中怎么判断两个字符串相等的实例
2019/01/17 Javascript
React+TypeScript+webpack4多入口配置详解
2019/08/08 Javascript
[30:51]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第一局
2016/03/04 DOTA
python使用urllib2提交http post请求的方法
2015/05/26 Python
详解Python 模拟实现生产者消费者模式的实例
2017/08/10 Python
Django中的FBV和CBV用法详解
2019/09/15 Python
Python安装与卸载流程详细步骤(图解)
2020/02/20 Python
英国领先的葡萄酒专家:Majestic Wine
2017/05/30 全球购物
全球地下的服装和态度:Slam Jam
2018/02/04 全球购物
英国在线购买马术服装:EQUUS
2019/07/12 全球购物
NHL官方在线商店:Shop.NHL.com
2020/05/01 全球购物
介绍一下MYSQL常用的优化技巧
2012/10/25 面试题
中专毕业生自荐信
2013/11/16 职场文书
毕业生优秀推荐信
2013/11/26 职场文书
医学生职业规划范文
2014/01/05 职场文书
考核评语大全
2014/04/29 职场文书
村庄绿化方案
2014/05/07 职场文书
MySQL基于索引的压力测试的实现
2021/11/07 MySQL