js中通过父级进行查找定位元素
更新时间：2014年06月15日 15:33:50 投稿：whsnow
这篇文章主要介绍了js中如何通过父级进行查找定位元素,需要的朋友可以参考下
复制代码 代码如下:
<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"): 就可以定位到想要的元素了
相关文章
这篇文章主要介绍了JS面向对象编程对象和构造函数,结合实例形式详细分析了JS面向对象编程对象和构造函数具体概念、原理、使用方法及操作注意事项,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了maxlength属性在textarea里奇怪的表现的相关资料,需要的朋友可以参考下2015-12-12
这篇文章主要帮助大家轻松掌握JavaScript策略模式，什么是js策略模式，感兴趣的小伙伴们可以参考一下2016-08-08
在JavaScript中实现命名空间...2006-11-11
对象，是javascript中非常重要的一个梗，是否能透彻的理解它直接关系到你对整个javascript体系的基础理解，说白了，javascript就是一群对象在搅。。（哔！）。2014-09-09
定义一个函数用做临时的命名空间，在这个命名空间内定义的变量都不会污染到全局命名空间,需要的朋友可以参考下2014-02-02
最近在为项目写登录注册系列页面, 表单验证无疑是不可缺少的部分, 在这个jQ插件满天飞的web年代, 表单验证倒也不是难事. 但再好的插件, 也并不能做到十全十美2010-11-11
这篇文章主要介绍了纯js写的分页，表格数据为json串,需要的朋友可以参考下2014-02-02
下面小编就为大家带来一篇基于input框覆盖掉数字英文的实例讲解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
使用frame页面嵌套，重启了服务器的时候会出现登录页面在frame页面中出现，解决方法是在登录页面里面用js判断下当前的地址信息2014-07-07
最新评论