首页 > web前端 > js教程 > jquery中通过父级查找进行定位示例_jquery

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2016-05-16 17:30:58
原创
1126 人浏览过
复制代码 代码如下:

如果想要查找到有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(): 指的是这个标签
$(alink).parent().parent(): 指的是
  • 这个标签$(alink).parent().parent().find(".icon"): 就可以定位到想要的元素了
  • 相关标签:
    本站声明
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    最新问题
    引入jQuery 文件
    来自于 1970-01-01 08:00:00
    0
    0
    0
    jquery笔记哪里有下?
    来自于 1970-01-01 08:00:00
    0
    0
    0
    javascript - vue+webpack怎么引入jquery
    来自于 1970-01-01 08:00:00
    0
    0
    0
    php+jquery的问题
    来自于 1970-01-01 08:00:00
    0
    0
    0
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板