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"): 就可以定位到想要的元素了
相关文章
这篇文章主要介绍了新手快速入门JavaScript装饰者模式与AOP,在不改变对象）的情况下动态的为其添加功能,这就是装饰者模式，下面小编带大家来深入学习一下吧2019-06-06
本篇文章主要介绍了IScroll5实现下拉刷新上拉加载的功能实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
微信小程序开发中Promise的使用(aysnc,await)及场景分析
在微信小程序开发中,错误使用Promise可能导致无法正确获取数据,本文分析了一个常见错误场景,即在异步函数中未使用await或.then()处理Promise,导致无法获取异步操作的返回结果,文章提供了使用await和链式调用.then()的解决方法,帮助开发者避免类似错误,确保数据正确返回2024-10-10
这篇文章主要介绍了JavaScript 数据结构之字典方法，字典即Dictionary，是一种以 键-值对 形式存储数据的数据结构，下文更多相关介绍需要的小伙伴可以参考一下2022-04-04
这篇文章主要介绍了微信小程序实现限制用户转发的实例代码，通过截图加实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2020-02-02
一般来说中文乱码用js结合escape来解决，但下面的方法是一般后台中的一些问题，需要注意下输出顺序，先声明编码类型在输出内容是个好习惯。2009-12-12
不错的用resizeTo和moveTo两个函数实现窗口的“打乒乓球”效果
不错的用resizeTo和moveTo两个函数实现窗口的“打乒乓球”效果...2007-08-08
DataTables添加额外的查询参数和删除columns等无用参数实例
下面小编就为大家带来一篇DataTables添加额外的查询参数和删除columns等无用参数实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
使用javascript操作JSON的类库TAFFY DB，具体介绍了：查询数据、添加数据、删除数据、修改数据。2013-10-10
本文给大家汇总介绍的是获取JavaScript 数组中最大最小值的方法和示例，非常的详细和全面，希望对大家学习JavaScript能够有所帮助2016-06-06
最新评论