js中通過父級進行查找定位元素

複製代碼代碼如下:

<ul id=“newslist”>

<li> <span>2013-06-24</span>

<span ></span>

<span><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>這個標籤

$(alink).parent().parent(): 指的是<li>這個標籤$(alink).parent().parent().find(".icon"): 就可以定位到想要的元素了