js中通过父级进行查找定位元素
发布时间:2020-12-14 23:15:10 所属栏目:资源 来源:网络整理
导读:复制代码 代码如下: 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:changeRe
复制代码 代码如下: <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"): 就可以定位到想要的元素了 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |