知道怎麼獲取子級標籤,也知道怎麼獲取該子級標籤的子級標籤,但是怎樣獲取所有子集標籤的子集標籤呢,話不多說,上代碼:
html代碼:
<div id="ul">
<li><a href="javascript:void(0)">1</a></li>
<span><a href="javascript:void(0)">2</a></span>
<p><a href="javascript:void(0)">3</a></p>
<dd><a href="javascript:void(0)">4</a></dd>
<dl><a href="javascript:void(0)">5</a></dl>
</div>
js代碼:
$(function(){
$("#ul").children().children("a").each(function(){
alert("2333");
})
});
這裏主要用的是jquery的each遍歷,先定位到父級標籤,然後獲取對應的子級標籤,再獲取孫級標籤,這裏子級標籤是所有的子級,可以看到我的子級標籤都不相同,但它們擁有共同的a標籤,這裏就是獲取所有的孫級a標籤。當然,也可以獲取指定子級的子級標籤,只需在children()裏面填上對應的標籤名稱即可。