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

时间：2020-10-16 00:23 编辑：来源：阅读：
扫一扫，手机访问

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

[url={href}]</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") } );

还可以用父级查询的方法进行定位，具体如下：

[u]复制代码[/u] 代码如下:

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

全部评论(0)

上一篇：jQuery实现可关闭固定于底（顶）部的工具条菜单效果
下一篇：jquery插件unobtrusive实现片段式加载