1. 程式人生 > >jQuery遍歷並獲得後代的值

jQuery遍歷並獲得後代的值

今天遇到一個坑爹的問題,獲取到孫代的元素,但是獲取不到值,搞了一上午,現在分享給大家。

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])看得出返回的是啥型別的值了,這個方法是我完成這個內容的主要突破口,希望對大家有幫助。