jquery中通过父级查找进行定位示例
更新时间：2013年06月28日 15:55:44 作者：
如果想要查找到有icon这个class的span除了用原始的代码还可以用父级查询的方法进行定位，具体的实现如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
复制代码 代码如下:
<ul id=“newslist”>
<li> <span class="fr w160 tl">2013-06-24</span>
<span class="news_list_icon fl mr8 icon" ></span>
<span class="fl"><a href="{href}" onmouseover="javascript:changeReadIconOver(this);" onmouseout="javascript:changeReadIconOut(this);">身体健康，万事如意</a></span>'
</li>
</ul>
如果想要查找到有icon这个class的span（对其进行操作，将news_list_icon换为news_list_icon_hover），除了用原始的代码
复制代码 代码如下:
$("#newslist li").hover(function(){
$("#newslist li").find(".icon").addClass("news_list_icon_hover") },function（）{ $("#newslist li").find(".icon").removeClass("news_list_icon_hover") } );
还可以用父级查询的方法进行定位，具体如下：
复制代码 代码如下:
function changeReadIconOver(alink) {
$(alink).parent().parent().find(".icon").addClass("news_list_icon_hover");
}
function changeReadIconOut(alink) {
$(alink).parent().parent().find(".icon").removeClass("news_list_icon_hover");
}
$(alink).parent(): 指的是<span class="fl">这个标签
$(alink).parent().parent(): 指的是<li>这个标签$(alink).parent().parent().find(".icon"): 就可以定位到想要的元素了
相关文章
这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。2011-02-02
这篇文章介绍了jquery事件绑定的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
这篇文章主要介绍了关于利用jquery正则表达式在页面验证url网址输入是否正确的相关资料，文中给出了完整的示例代码，对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。2017-04-04
EasySlider 基于jQuery功能强大简单易用的滑动门插件
Easy Slider 是一个滑动门插件，支持任何图片或内容，当点击时实现横向或纵向滑动。它拥有一系列丰富的参数设置，可通过CSS来进行完全的控制。2010-06-06
jquery 将当前时间转换成yyyymmdd格式的实现方法
下面小编就为大家带来一篇jquery 将当前时间转换成yyyymmdd格式的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考2016-06-06
jquery.validate自定义验证用法实例分析【成功提示与择要提示】
这篇文章主要介绍了jquery.validate自定义验证用法,结合实例形式分析了jQuery成功提示与择要提示验证操作相关实现与使用技巧,需要的朋友可以参考下2020-06-06
这篇文章主要介绍了jQuery实现点击旋转，再点击恢复初始状态动画效果,结合实例形式分析了jQuery事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了利用jQuery中的ajax分页实现代码的相关资料，对ajax分页感兴趣的朋友可以参考一下2016-02-02
本文主要讲解jquery删除数组中重复元素的具体思路与示例代码，有助于理解与学习，希望对大家有所帮助2016-12-12
这篇文章主要介绍了TinyMCE汉化及本地上传图片功能实例详解的相关资料,由于我们下载下拉的是英文版，需要先汉化，比较简单，需要的朋友可以参考下2016-05-05
最新评论