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