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 相关文章推荐
javascript 文档的编码问题解决
Mar 01 Javascript
Prototype PeriodicalExecuter对象 学习
Jul 19 Javascript
jQuery chili图片远处放大插件
Nov 30 Javascript
jQuery简单实现banner图片切换
Jan 02 Javascript
Jquery揭秘系列:ajax原生js实现详解(推荐)
Jun 08 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
Jan 17 Javascript
Angular.js中angular-ui-router的简单实践
Jul 18 Javascript
详解使用nvm管理多版本node的方法
Aug 30 Javascript
JS写XSS cookie stealer来窃取密码的步骤详解
Nov 20 Javascript
vue.js前后端数据交互之提交数据操作详解
Apr 24 Javascript
jQuery+CSS实现的标签页效果示例【测试可用】
Aug 14 jQuery
Vue获取页面元素的相对位置的方法示例
Feb 05 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
JQuery读取XML文件数据并显示的实现代码
2009/12/16 Javascript
js或css实现滚动广告的几种方案
2010/01/28 Javascript
浅说js变量
2011/05/25 Javascript
简单的ajax连接库分享(不用jquery的ajax)
2014/01/19 Javascript
吐槽一下我所了解的Node.js
2014/10/08 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
2016/01/25 Javascript
基于JavaScript实现文字超出部分隐藏
2016/02/29 Javascript
javascript实现dom元素可拖动
2016/03/21 Javascript
AngularJS内建服务$location及其功能详解
2016/07/01 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
2016/07/10 Javascript
jquery 动态增加,减少input表单的简单方法(必看)
2016/10/12 Javascript
详解nodejs中express搭建权限管理系统
2017/09/15 NodeJs
vue实现商城上货组件简易版
2017/11/27 Javascript
angular json对象push到数组中的方法
2018/02/27 Javascript
基于Vue自定义指令实现按钮级权限控制思路详解
2018/05/23 Javascript
JS实现骰子3D旋转效果
2019/10/24 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
2020/02/06 Javascript
JavaScript面向对象核心知识与概念归纳整理
2020/05/09 Javascript
[46:00]Ti4 冒泡赛第二轮LGD vs C9 2
2014/07/14 DOTA
对于Python的框架中一些会话程序的管理
2015/04/20 Python
python基于ID3思想的决策树
2018/01/03 Python
Python中的全局变量如何理解
2020/06/04 Python
Python如何在bool函数中取值
2020/09/21 Python
Python实现王者荣耀自动刷金币的完整步骤
2021/01/22 Python
德国婴儿推车和儿童安全座椅商店:BABYSHOP
2016/09/01 全球购物
英国现代市场:ARKET
2019/04/10 全球购物
奥地利领先的在线药房:SHOP APOTHEKE
2019/10/07 全球购物
临床医学专业毕业生的自我评价
2013/10/17 职场文书
教师自荐信
2013/12/10 职场文书
高级销售求职信
2014/02/21 职场文书
《花瓣飘香》教学反思
2014/04/15 职场文书
2016公司新年问候语
2015/11/11 职场文书
css3实现背景图片半透明内容不透明的方法示例
2021/04/13 HTML / CSS
解决jupyter notebook图片显示模糊和保存清晰图片的操作
2021/04/24 Python
你需要掌握的20个Python常用技巧
2022/02/28 Python
Windows Server 版本 20H2 于 8 月 9 日停止支持,Win10 版本 21H1 将于 12 月结束支
2022/07/23 数码科技