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 相关文章推荐
分享27款非常棒的jQuery 表单插件
Mar 28 Javascript
js 实现菜单左右滚动显示示例介绍
Nov 21 Javascript
Jquery跳到页面指定位置的方法
May 12 Javascript
js如何改变文章的字体大小
Jan 08 Javascript
JSONP跨域请求实例详解
Jul 04 Javascript
js实现String.Fomat的实例代码
Sep 02 Javascript
详解Angular 4.x NgIf 的用法
May 22 Javascript
node通过express搭建自己的服务器
Sep 30 Javascript
vue超时计算的组件实例代码
Jul 09 Javascript
Vuejs监听vuex中值的变化的方法示例
Dec 02 Javascript
微信小程序自定义模态弹窗组件详解
Dec 24 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
Oct 26 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者的疑难问答(2)
2006/10/09 PHP
一个非常完美的读写ini格式的PHP配置类分享
2015/02/12 PHP
[原创]php使用strpos判断字符串中数字类型子字符串出错的解决方法
2017/04/01 PHP
laravel框架查询数据集转为数组的两种方法
2019/10/10 PHP
Javascript和Java获取各种form表单信息的简单实例
2014/02/14 Javascript
JavaScript判断浏览器类型的方法
2015/02/10 Javascript
JS实现方向键切换输入框焦点的方法
2015/08/19 Javascript
jQuery平滑旋转幻灯片特效代码分享
2015/09/07 Javascript
jQuery插件Validate实现自定义校验结果样式
2016/01/18 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
jQuery模拟12306城市选择框功能简单实现方法示例
2018/08/13 jQuery
angular2 组件之间通过service互相传递的实例
2018/09/30 Javascript
简单了解Ajax表单序列化的实现方法
2019/06/14 Javascript
JavaScript 预解析的4种实现方法解析
2019/09/03 Javascript
JavaScript中的各种宽高属性的实现
2020/05/08 Javascript
Vue组件间数据传递的方式(3种)
2020/07/13 Javascript
[45:50]完美世界DOTA2联赛PWL S3 CPG vs Forest 第二场 12.16
2020/12/17 DOTA
python计算一个序列的平均值的方法
2015/07/11 Python
Python自定义进程池实例分析【生产者、消费者模型问题】
2016/09/19 Python
浅谈配置OpenCV3 + Python3的简易方法(macOS)
2018/04/02 Python
用Python批量把文件复制到另一个文件夹的实现方法
2019/08/16 Python
Python + selenium + crontab实现每日定时自动打卡功能
2020/03/31 Python
Python使用Pyqt5实现简易浏览器(最新版本测试过)
2020/04/27 Python
详解Python 循环嵌套
2020/07/09 Python
使用jupyter notebook运行python和R的步骤
2020/08/13 Python
python GUI计算器的实现
2020/10/09 Python
CSS3+JavaScript实现炫酷呼吸效果的示例代码
2020/06/15 HTML / CSS
深入研究HTML5实现图片压缩上传功能
2016/03/25 HTML / CSS
使用jTopo给Html5 Canva中绘制的元素添加鼠标事件
2014/05/15 HTML / CSS
建筑个人求职信范文
2014/01/25 职场文书
党员四风自我剖析材料
2014/10/07 职场文书
社区义诊通知
2015/04/24 职场文书
2015小学毕业班工作总结
2015/07/21 职场文书
pytorch 使用半精度模型部署的操作
2021/05/24 Python
python 远程执行命令的详细代码
2022/02/15 Python
Java设计模式之代理模式
2022/04/22 Java/Android