jquery的遍历用法
2016-05-24 23:38
267 查看
有如下代码:
我想通过点击超链接并调用了”clickFunc”方法来获取该“tr”下的所有”td”里面的文本。
这里需要注意的是:
通过function(this)传过来的方法,this对应的对象为一个js对象,如果想对该对象调用jquery的方法,可以通过$(this)来转为jquery对象。
通过“children()”方法调用将返回的是一个包含所有子元素的数组对象,如果要获取其中的某一个子元素,可以通过“get(下标索引)”得到,“get(下标索引)”得到的又会是一个js对象,如果还要继续使用jquery方法,则要再对该对象进行jquery对象转换,如上图代码。
<tr> <td> <a href="javascript:void(0)" click="clickFunc(this)"> 超链接 </a> </td> <td>文本1</td> <td>文本2</td> </tr>
我想通过点击超链接并调用了”clickFunc”方法来获取该“tr”下的所有”td”里面的文本。
function clickFunc(obj) { var trObj = $(obj).parent("td").parent("tr").children(); var fltNbrObj = trObj.get(0); var fltNbr = $(fltNbrObj).children("a").text(); var airLineObj = trObj.get(1); var airLine = $(airLineObj).text(); }
这里需要注意的是:
通过function(this)传过来的方法,this对应的对象为一个js对象,如果想对该对象调用jquery的方法,可以通过$(this)来转为jquery对象。
通过“children()”方法调用将返回的是一个包含所有子元素的数组对象,如果要获取其中的某一个子元素,可以通过“get(下标索引)”得到,“get(下标索引)”得到的又会是一个js对象,如果还要继续使用jquery方法,则要再对该对象进行jquery对象转换,如上图代码。
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- JavaScript 各种遍历方式详解
- 数组方法汇总
- 文件遍历排序函数
- jQuery Html控件基本操作(日常收集整理)
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作