当前位置:Gxlcms > JavaScript > jquery中通过父级查找进行定位示例_jquery

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

时间:2021-07-01 10:21:17 帮助过:4人阅读

代码如下:


  • 2013-06-24

    身体健康,万事如意'



如果想要查找到有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"): 就可以定位到想要的元素了
  • 人气教程排行