jQuery遍历并获得后代的值

来源:互联网 发布:手机淘宝网店怎么铺货 编辑:程序博客网 时间:2024/04/29 21:30

今天遇到一个坑爹的问题,获取到孙代的元素,但是获取不到值,搞了一上午,现在分享给大家。

原因是因为当获得到子代时返回的对象为TableRow,获得孙代时,返回的对象是TableCell 那么进这个网址就OK啦(http://www.w3school.com.cn/jsref/dom_obj_tabledata.asp,http://www.w3school.com.cn/jsref/dom_obj_tablerow.asp)

OK贴代码

HTML

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><table id="showConsigneeParcel"><tr><td>ssss</td><td>ssss</td><td>ssss</td><td>ssss</td></tr><tr><td>esvsz</td><td>dzb</td><td>fdnd</td><td>segtbs</td></tr><tr><td>ssss</td><td>agas</td><td>ssss</td><td>ssss</td></tr><tr><td>sseafwess</td><td>ssss</td><td>ssss</td><td>egrvsz</td></tr><tr><td>awgaw</td><td>ssgwavss</td><td>ssss</td><td>ssss</td></tr><tr><td>ssss</td><td>ssss</td><td>watgae</td><td>ssss</td></tr><tr><td>wgasvar</td><td>awgfseg</td><td>ssss</td><td>wtgaasa</td></tr></table></body></html>

js

<script>$(document).ready(function() {var consigneeParcel = $("#showConsigneeParcel").find("tr");var CPLen = consigneeParcel.length;alert(CPLen);for(var i = 0; i < CPLen; i++) {var tds = consigneeParcel[i].cells;alert(tds[0] + "----------" + tds.length);alert(tds[0].innerHTML);}});</script>



这样就可以获取到后代的值啦,alert(consigneeParcel[0])看得出返回的是啥类型的值了,这个方法是我完成这个内容的主要突破口,希望对大家有帮助。

原创粉丝点击