您的位置:首页 > Web前端 > JQuery

jQuery操作dom的一个实例

2017-05-16 20:05 429 查看
一个是开发中遇到的例子

<div class="b2r esb" id="e_adv_s3">
<p>
<a href="javascript:;">超链接A</a>
<a href="javascript:;">超链接B</a>
</p>
<p>
<a href="javascript:;">超链接C</a>
<a href="javascript:;">超链接D</a>
</p>
<p>
<a href="javascript:;">超链接E</a>
<a href="javascript:;">超链接F</a>
</p>
<p>
<a href="javascript:;" style="display:none">超链接G</a>
<a href="javascript:;" style="display:none">超链接H</a>
</p>
</div>


如上代码所示,最后一个
<p>
标签的
<a>
标签都已经隐藏,但是对应的
<p>
标签并没有隐藏,还占着对应dom的位置,因此需要找到这样的
<p>
标签,然后隐藏掉。

$("#e_adv_s3 p").each(function(){
if( $(this).children('a:hidden').length == 2 ){
$(this).hide();
}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: