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 混淆加密收藏
Jan 16 Javascript
JavaScript页面刷新与弹出窗口问题的解决方法
Mar 02 Javascript
jQuery Dialog 弹出层对话框插件
Aug 09 Javascript
基于jQuery的输入框无值自动显示指定数据的实现代码
Jan 24 Javascript
浅谈angularJS 作用域
Jul 05 Javascript
详解AngularJS中的http拦截
Feb 09 Javascript
五步轻松实现zTree的使用
Nov 01 Javascript
使用taro开发微信小程序遇到的坑总结
Apr 08 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
Jun 03 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
Sep 28 Javascript
js实现简单音乐播放器
Jun 30 Javascript
jquery实现鼠标悬浮弹出气泡提示框
Dec 23 jQuery
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
解析thinkphp基本配置 convention.php
2013/06/18 PHP
解析如何修改phpmyadmin中的默认登陆超时时间
2013/06/25 PHP
PHP反射机制原理与用法详解
2017/02/15 PHP
PHP实现基于面向对象的mysqli扩展库增删改查操作工具类
2017/07/18 PHP
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
2007/03/06 Javascript
javascript 网页跳转的方法
2008/12/24 Javascript
JavaScript入门教程(1) 什么是JS
2009/01/31 Javascript
限制文本框输入N个字符的js代码
2010/05/13 Javascript
function foo的原型与prototype属性解惑
2010/11/19 Javascript
JS实现网页背景颜色与select框中颜色同时变化的方法
2015/02/27 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
2015/03/04 Javascript
总结JavaScript中布尔操作符||与&amp;&amp;的使用技巧
2015/11/17 Javascript
举例讲解jQuery中可见性过滤选择器的使用
2016/04/18 Javascript
jQuery实现的表格展开伸缩效果实例
2016/09/07 Javascript
jQuery实现右键菜单、遮罩等效果代码
2016/09/27 Javascript
nodejs中使用HTTP分块响应和定时器示例代码
2017/03/19 NodeJs
使用原生js封装的ajax实例(兼容jsonp)
2017/10/12 Javascript
详解vue.js移动端配置flexible.js及注意事项
2019/04/10 Javascript
vue实现分页加载效果
2019/12/24 Javascript
微信小程序webSocket的使用方法
2020/02/20 Javascript
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
2020/12/04 Vue.js
Linux下Python获取IP地址的代码
2014/11/30 Python
Python 提取dict转换为xml/json/table并输出的实现代码
2016/08/28 Python
200行自定义python异步非阻塞Web框架
2017/03/15 Python
深入了解Python中pop和remove的使用方法
2018/01/09 Python
python将字母转化为数字实例方法
2019/10/04 Python
win10安装tensorflow-gpu1.8.0详细完整步骤
2020/01/20 Python
Python之Django自动实现html代码(下拉框,数据选择)
2020/03/13 Python
家乐福巴西网上超市:Carrefour巴西
2016/10/31 全球购物
幼师自荐信
2013/10/26 职场文书
中华在我心中演讲稿
2014/09/13 职场文书
幼儿园感恩节活动方案
2014/10/06 职场文书
英文商务邀请函范文
2015/01/31 职场文书
库房管理员岗位职责
2015/02/12 职场文书
Django分页器的用法你都了解吗
2021/05/26 Python
用Python实现屏幕截图详解
2022/01/22 Python