知道怎么获取子级标签,也知道怎么获取该子级标签的子级标签,但是怎样获取所有子集标签的子集标签呢,话不多说,上代码:
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()里面填上对应的标签名称即可。