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阻止冒泡和HTML默认操作
Nov 17 Javascript
jquery 设置style:display的方法
Jan 29 Javascript
jquery mobile 移动web(5)
Dec 20 Javascript
jQuery数据类型小结(14个)
Jan 08 Javascript
jquery validate表单验证的基本用法入门
Jan 18 Javascript
angular中实现li或者某个元素点击变色的两种方法
Jul 27 Javascript
jQuery实现仿京东防抖动菜单效果示例
Jul 06 jQuery
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
May 10 Javascript
Vue.js递归组件实现组织架构树和选人功能
Jul 04 Javascript
Vue 开发必须知道的36个技巧(小结)
Oct 09 Javascript
微信小程序录音实现功能并上传(使用node解析接收)
Feb 26 Javascript
vue实现瀑布流组件滑动加载更多
Mar 10 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 保留字列表
2012/10/04 PHP
函数中使用require_once问题深入探讨 优雅的配置文件定义方法推荐
2014/07/02 PHP
基于php实现七牛抓取远程图片
2015/12/01 PHP
PHP Curl模拟登录微信公众平台、新浪微博实例代码
2016/01/28 PHP
PHP使用mysqli操作MySQL数据库的简单方法
2017/02/04 PHP
PHP判断当前使用的是什么浏览器(推荐)
2019/10/27 PHP
YII2框架中actions的作用与使用方法示例
2020/03/13 PHP
用js实现上传图片前的预览(TX的面试题)
2007/08/14 Javascript
jquery图片延迟加载 前端开发技能必备系列
2012/06/18 Javascript
引用外部脚本时script标签关闭的写法
2014/01/20 Javascript
node.js中的fs.linkSync方法使用说明
2014/12/15 Javascript
Jquery解析json字符串及json数组的方法
2015/05/29 Javascript
JavaScript对象数组排序函数及六个用法
2015/12/23 Javascript
Javascript基于对象三大特性(封装性、继承性、多态性)
2016/01/04 Javascript
微信小程序 页面跳转传递值几种方法详解
2017/01/12 Javascript
jquery实现的简单轮播图功能【适合新手】
2018/08/17 jQuery
element-ui的回调函数Events的用法详解
2018/10/16 Javascript
微信小程序开发之点击按钮退出小程序的实现方法
2019/04/26 Javascript
在DigitalOcean的服务器上部署flaskblog应用
2015/12/19 Python
对Python函数设计规范详解
2019/07/19 Python
python根据完整路径获得盘名/路径名/文件名/文件扩展名的方法
2020/04/22 Python
TensorFlow-gpu和opencv安装详细教程
2020/06/30 Python
python处理写入数据代码讲解
2020/10/22 Python
python如何实现递归转非递归
2021/02/25 Python
CSS实现雨滴动画效果的实例代码
2019/10/08 HTML / CSS
欧洲最大的美妆零售网站:Feelunique
2017/01/14 全球购物
HearthSong官网:儿童户外玩具、儿童益智玩具
2017/10/16 全球购物
怎样让char类型的东西转换成int类型
2013/12/09 面试题
设计4个线程,其中两个线程每次对j增加1,另外两个线程对j每次减少1。写出程序。
2014/12/30 面试题
转让协议书范本
2014/09/13 职场文书
学校捐款活动总结
2015/05/09 职场文书
看雷锋电影观后感
2015/06/10 职场文书
2016年六一文艺汇演开幕词
2016/03/04 职场文书
职场新人刚入职工作总结该怎么写?
2019/05/15 职场文书
JavaScript canvas实现流星特效
2021/05/20 Javascript
美元符号 $
2022/02/17 杂记