jquery中通過父級查找進(jìn)行定位示例
更新時(shí)間:2013年06月28日 15:55:44 作者:
如果想要查找到有icon這個(gè)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這個(gè)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">這個(gè)標(biāo)簽
$(alink).parent().parent(): 指的是<li>這個(gè)標(biāo)簽$(alink).parent().parent().find(".icon"): 就可以定位到想要的元素了
相關(guān)文章
利用jquery正則表達(dá)式在頁面驗(yàn)證url網(wǎng)址輸入是否正確
這篇文章主要介紹了關(guān)于利用jquery正則表達(dá)式在頁面驗(yàn)證url網(wǎng)址輸入是否正確的相關(guān)資料,文中給出了完整的示例代碼,對大家具有一定的參考價(jià)值,需要的朋友們下面來一起看看吧。2017-04-04EasySlider 基于jQuery功能強(qiáng)大簡單易用的滑動門插件
Easy Slider 是一個(gè)滑動門插件,支持任何圖片或內(nèi)容,當(dāng)點(diǎn)擊時(shí)實(shí)現(xiàn)橫向或縱向滑動。它擁有一系列豐富的參數(shù)設(shè)置,可通過CSS來進(jìn)行完全的控制。2010-06-06jquery 將當(dāng)前時(shí)間轉(zhuǎn)換成yyyymmdd格式的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨query 將當(dāng)前時(shí)間轉(zhuǎn)換成yyyymmdd格式的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考2016-06-06jquery.validate自定義驗(yàn)證用法實(shí)例分析【成功提示與擇要提示】
這篇文章主要介紹了jquery.validate自定義驗(yàn)證用法,結(jié)合實(shí)例形式分析了jQuery成功提示與擇要提示驗(yàn)證操作相關(guān)實(shí)現(xiàn)與使用技巧,需要的朋友可以參考下2020-06-06jQuery實(shí)現(xiàn)點(diǎn)擊旋轉(zhuǎn),再點(diǎn)擊恢復(fù)初始狀態(tài)動畫效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊旋轉(zhuǎn),再點(diǎn)擊恢復(fù)初始狀態(tài)動畫效果,結(jié)合實(shí)例形式分析了jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-12-12利用jQuery中的ajax分頁實(shí)現(xiàn)代碼
這篇文章主要介紹了利用jQuery中的ajax分頁實(shí)現(xiàn)代碼的相關(guān)資料,對ajax分頁感興趣的朋友可以參考一下2016-02-02