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插件之easing 动态菜单
Aug 21 Javascript
推荐40个非常优秀的jQuery插件和教程【系列三】
Nov 09 Javascript
Javascript数组Array方法解读
Mar 13 Javascript
easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大的实现代码
Jan 12 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
Mar 28 Javascript
javascript 中iframe高度自适应(同域)实例详解
May 16 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
May 18 Javascript
使用ajax的post同步执行(实现方法)
Dec 21 Javascript
react-native 圆弧拖动进度条实现的示例代码
Apr 12 Javascript
Vue自定义toast组件的实例代码
Aug 15 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
Nov 13 Javascript
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 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
PHP获取指定月份第一天和最后一天的方法
2015/07/18 PHP
php中strlen和mb_strlen用法实例分析
2016/11/12 PHP
Thinkphp整合微信支付功能
2016/12/14 PHP
PHP实现留言板功能的详细代码
2017/03/25 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
javascript firefox兼容ie的dom方法脚本
2008/05/18 Javascript
jquery checkbox,radio是否选中的判断代码
2010/03/20 Javascript
jquery对dom的操作常用方法整理
2013/06/25 Javascript
javascript中使用正则表达式清理table样式的代码
2020/04/01 Javascript
一篇文章掌握RequireJS常用知识
2016/01/26 Javascript
jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
2016/06/12 Javascript
JS当前页面登录注册框,固定DIV,底层阴影的实例代码
2016/09/29 Javascript
BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
2016/12/01 Javascript
Vue自定义指令详解
2017/07/28 Javascript
使用angularjs.foreach时return的问题解决
2018/09/30 Javascript
微信小程序动画组件使用解析,类似vue,且更强大
2019/08/01 Javascript
jquery插件实现轮播图效果
2020/10/19 jQuery
浅析vue中的nextTick
2020/12/28 Vue.js
django实现同一个ip十分钟内只能注册一次的实例
2017/11/03 Python
numpy排序与集合运算用法示例
2017/12/15 Python
Python3爬虫学习之将爬取的信息保存到本地的方法详解
2018/12/12 Python
python面向对象之类属性和类方法案例分析
2019/12/30 Python
Python使用Socket实现简单聊天程序
2020/02/28 Python
python开发前景如何
2020/06/11 Python
python 三种方法提取pdf中的图片
2021/02/07 Python
htnl5利用svg页面高斯模糊的方法
2018/07/20 HTML / CSS
公务员职业生涯规划书范文  
2014/01/19 职场文书
人事文员岗位职责
2014/02/16 职场文书
管理部副部长岗位职责范文
2014/03/09 职场文书
廉洁自律承诺书
2014/03/27 职场文书
2014年教师节寄语
2014/04/03 职场文书
信贷客户经理岗位职责
2015/04/09 职场文书
2016年小学党支部创先争优活动总结
2016/04/05 职场文书
php双向队列实例讲解
2021/11/17 PHP
vue3引入highlight.js进行代码高亮的方法实例
2022/04/08 Vue.js
Python经常使用的一些内置函数
2022/04/11 Python