您的位置:首页 > Web前端 > JQuery

jquery的遍历用法

2016-05-24 23:38 267 查看
有如下代码:

<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对象转换,如上图代码。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery 遍历