js 獲取所有孫級標籤

知道怎麼獲取子級標籤,也知道怎麼獲取該子級標籤的子級標籤,但是怎樣獲取所有子集標籤的子集標籤呢,話不多說,上代碼:
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()裏面填上對應的標籤名稱即可。

發佈了40 篇原創文章 · 獲贊 13 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章