如果想要查找到有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"): 就可以定位到想要的元素了
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20000.html