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 相关文章推荐
使用隐藏的new来创建对象
Mar 29 Javascript
Extjs中通过Tree加载右侧TabPanel具体实现
May 05 Javascript
全屏滚动插件fullPage.js使用实例解析
Oct 21 Javascript
BootStrap组件之进度条的基本用法
Jan 19 Javascript
基于vue实现分页/翻页组件paginator示例
Mar 09 Javascript
Javascript实现数组中的元素上下移动
Apr 28 Javascript
JS实现的按钮点击颜色切换功能示例
Oct 19 Javascript
详解Vue.js中.native修饰符
Apr 24 Javascript
Vue CLI 2.x搭建vue(目录最全分析)
Feb 27 Javascript
微信小程序实现的canvas合成图片功能示例
May 03 Javascript
浅谈Node 异步IO和事件循环
May 05 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
Sep 24 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
我的论坛源代码(九)
2006/10/09 PHP
解析php中memcache的应用
2013/06/18 PHP
解析strtr函数的效率问题
2013/06/26 PHP
THINKPHP2.0到3.0有哪些改进之处
2015/01/04 PHP
PHP中empty和isset对于参数结构的判断及empty()和isset()的区别
2015/11/15 PHP
浅析PHP中json_encode与json_decode的区别
2020/07/15 PHP
javascript中CheckBox全选终极方案
2015/05/20 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
2016/07/18 Javascript
移动端js图片查看器
2016/11/17 Javascript
微信小程序 五星评分(包括半颗星评分)实例代码
2016/12/14 Javascript
微信小程序开发探究
2016/12/27 Javascript
微信小程序自定义模态对话框实例详解
2017/08/16 Javascript
[js高手之路]HTML标签解释成DOM节点的实现方法
2017/08/31 Javascript
Vue 过滤器filters及基本用法
2017/12/26 Javascript
看看“疫苗查询”小程序有温度的代码
2018/07/31 Javascript
基于vue循环列表时点击跳转页面的方法
2018/08/31 Javascript
vue-router的两种模式的区别
2019/05/30 Javascript
python采集博客中上传的QQ截图文件
2014/07/18 Python
python创建和删除目录的方法
2015/04/29 Python
Python实现基本数据结构中栈的操作示例
2017/12/04 Python
python实现简单遗传算法
2018/03/19 Python
Python基于百度AI的文字识别的示例
2018/04/21 Python
解决python3 安装完Pycurl在import pycurl时报错的问题
2018/10/15 Python
Django之路由层的实现
2019/09/09 Python
Python中logging日志库实例详解
2020/02/19 Python
CSS教程:CSS3圆角属性
2009/04/02 HTML / CSS
HTML5新控件之日期和时间选择输入的实现代码
2018/09/13 HTML / CSS
捷克浴室和厨房设备购物网站:SIKO
2018/08/11 全球购物
英国领先的在线高尔夫设备零售商:Golfgeardirect
2020/12/11 全球购物
优秀少先队员主要事迹材料
2014/05/28 职场文书
小学班级口号
2014/06/09 职场文书
离职感谢信
2015/01/21 职场文书
争先创优个人总结
2015/03/04 职场文书
如何利用STAR法则制作留学文书?
2019/08/26 职场文书
如何判断微信付款码和支付宝付款码
2021/04/01 PHP
Windows Server 2016 配置 IIS 的详细步骤
2022/04/28 Servers