jquery中通過父級尋找進行定位樣本

複製代碼 代碼如下:<ul id=“newslist”>
<li> <span class="fr w160 tl">2013-06-24</span>
<span class="news_list_icon fl mr8 icon" ></span>
<span class="fl"><a href="{href}" onmouseover="javascript:changeReadIconOver(this);" onmouseout="javascript:changeReadIconOut(this);">身體健康，萬事如意</a></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"): 就可以定位到想要的元素了