当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jquery中通过父级查找进行定位示例

jquery中通过父级查找进行定位示例

2018年12月02日  | 移动技术网IT编程  | 我要评论

代码如下:


<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}" onmouver="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"): 就可以定位到想要的元素了

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网