jquery中通過父級查找進(jìn)行定位示例
更新時間：2013年06月28日 15:55:44 作者：
如果想要查找到有icon這個class的span除了用原始的代碼還可以用父級查詢的方法進(jìn)行定位，具體的實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對大家有所幫助
復(fù)制代碼 代碼如下:
<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（對其進(jìn)行操作，將news_list_icon換為news_list_icon_hover），除了用原始的代碼
復(fù)制代碼 代碼如下:
$("#newslist li").hover(function(){
$("#newslist li").find(".icon").addClass("news_list_icon_hover") },function（）{ $("#newslist li").find(".icon").removeClass("news_list_icon_hover") } );
還可以用父級查詢的方法進(jìn)行定位，具體如下：
復(fù)制代碼 代碼如下:
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">這個標(biāo)簽
$(alink).parent().parent(): 指的是<li>這個標(biāo)簽$(alink).parent().parent().find(".icon"): 就可以定位到想要的元素了
相關(guān)文章
jQuery實(shí)現(xiàn)公告新聞自動滾屏效果實(shí)例代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)公告新聞自動滾屏效果實(shí)例代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
DataTables+BootStrap組合使用Ajax來獲取數(shù)據(jù)并且動態(tài)加載dom的方法（排序，過濾，分頁等）
Datatables是一款jquery表格插件。它是一個高度靈活的工具，可以將任何HTML表格添加高級的交互功能。這篇文章主要介紹了DataTables+BootStrap組合使用Ajax來獲取數(shù)據(jù)并且動態(tài)加載dom的方法（排序，過濾，分頁等）,需要的朋友可以參考下2016-11-11
Jquery簡單實(shí)現(xiàn)GridView行高亮的方法
這篇文章主要介紹了Jquery簡單實(shí)現(xiàn)GridView行高亮的方法,實(shí)例分析了jQuery頁面元素的選擇與屬性操作的相關(guān)技巧,需要的朋友可以參考下2015-06-06
jquery 輸入框數(shù)字限制插件，需要的朋友可以參考下。2009-11-11
html文件中jquery與velocity變量中的$沖突的解決方法
在使用velocity模版引擎的環(huán)境下，使用jquery時其中$與velocity變量中的$沖突，下面有個不錯的解決方法，感興趣的朋友可以參考下2013-11-11
jQuery實(shí)現(xiàn)當(dāng)前頁面標(biāo)簽高亮顯示的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)當(dāng)前頁面標(biāo)簽高亮顯示的方法,涉及jQuery通過自定義函數(shù)操作css樣式的技巧,非常具有實(shí)用價值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了常用jQuery選擇器總結(jié),總結(jié)的很簡潔,很容易看明白和學(xué)會它,需要的朋友可以參考下2014-07-07
JQuery里面的幾種選擇器 查找滿足條件的元素$("#控件ID")
JQuery里面的幾種選擇器 查找滿足條件的元素$("#控件ID"),使用jquery的朋友可以參考下。2011-08-08
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)購物車功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
jquery1.5.1中根據(jù)元素ID獲取元素對象的代碼
盡管聽說jquery的大名幾年了，但是一直沒有使用過。這兩天想在項(xiàng)目中使用被一些小細(xì)節(jié)折騰的夠嗆，看來jquery沒有傳說中的那么好學(xué)。2011-04-04