首页 > 语言 > JavaScript > 正文

js中通过父级进行查找定位元素

2024-05-06 16:07:01
字体:
来源:转载
供稿:网友
这篇文章主要介绍了js中如何通过父级进行查找定位元素,需要的朋友可以参考下

复制代码 代码如下:


<ul id=“newslist”>
<li> <span>2013-06-24</span>
<span ></span>
<span><a href="{href}">身体健康,万事如意</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>这个标签
$(alink).parent().parent(): 指的是<li>这个标签$(alink).parent().parent().find(".icon"): 就可以定位到想要的元素了
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选