如果想要查找到有icon这个class的span除了用原始的代码还可以用父级查询的方法进行定位
具体的实现如下
感兴趣的朋友可以参考下哈
希望对大家有所帮助
复制代码 代码如下:
<ul id=“newslist”>
<li> <span class="fr w
tl">
</span>
<span class="news_list_icon fl mr
icon" ></span>
<span class="fl"><a href="{href}" onmouseover="javascript:changeReadIconOver(this);" onmouseout="javascript:changeReadIconOut(this);">身体健康
万事如意</a>& lt;/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"): 就可以定位到想要的元素了
