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(); } });
相关文章推荐
- jQuery的DOM操作实例(3)——创建节点&&编写一个弹窗
- jquery中dom操作和事件的实例学习-表单验证
- Jquery的一个基本操作实例
- jQuery的DOM操作实例(2)——拖拽效果&&拓展插件
- jQuery DOM操作实例
- jQuery DOM操作小结与实例
- jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
- 40、实例 使用jQuery操作DOM之操作属性
- jQuery中DOM操作实例分析
- 同域jQuery(跨)iframe操作DOM(实例讲解)
- jQuery实例6:对DOM的简单操作和对CSS的操作
- 37、实例 使用jQuery操作DOM之插入元素
- 同域jQuery(跨)iframe操作DOM(实例讲解)
- 每日一个js实例4---DOM操作ul排序
- php html dom to jQuery object 工程用到的一个 jQuery 操作
- Jquery使用(4) :BOM和操作DOM,综合实例
- jQuery DOM操作实例
- 38、实例 使用jQuery操作DOM之删除元素
- jquery中dom操作和事件的实例学习-表单验证
- JQuery 选择器、DOM节点操作练习实例