jquery中通過父級(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)文章
這個(gè)操作與對(duì)指定的元素執(zhí)行appendChild方法，將它們添加到文檔中的情況類似。2011-02-02
這篇文章介紹了jquery事件綁定的方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03
利用jquery正則表達(dá)式在頁(yè)面驗(yàn)證url網(wǎng)址輸入是否正確
這篇文章主要介紹了關(guān)于利用jquery正則表達(dá)式在頁(yè)面驗(yàn)證url網(wǎng)址輸入是否正確的相關(guān)資料，文中給出了完整的示例代碼，對(duì)大家具有一定的參考價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-04-04
EasySlider 基于jQuery功能強(qiáng)大簡(jiǎn)單易用的滑動(dòng)門插件
Easy Slider 是一個(gè)滑動(dòng)門插件，支持任何圖片或內(nèi)容，當(dāng)點(diǎn)擊時(shí)實(shí)現(xiàn)橫向或縱向滑動(dòng)。它擁有一系列豐富的參數(shù)設(shè)置，可通過CSS來(lái)進(jìn)行完全的控制。2010-06-06
jquery 將當(dāng)前時(shí)間轉(zhuǎn)換成yyyymmdd格式的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jquery 將當(dāng)前時(shí)間轉(zhuǎn)換成yyyymmdd格式的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考2016-06-06
jquery.validate自定義驗(yàn)證用法實(shí)例分析【成功提示與擇要提示】
這篇文章主要介紹了jquery.validate自定義驗(yàn)證用法,結(jié)合實(shí)例形式分析了jQuery成功提示與擇要提示驗(yàn)證操作相關(guān)實(shí)現(xiàn)與使用技巧,需要的朋友可以參考下2020-06-06
jQuery實(shí)現(xiàn)點(diǎn)擊旋轉(zhuǎn)，再點(diǎn)擊恢復(fù)初始狀態(tài)動(dòng)畫效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊旋轉(zhuǎn)，再點(diǎn)擊恢復(fù)初始狀態(tài)動(dòng)畫效果,結(jié)合實(shí)例形式分析了jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-12-12
利用jQuery中的ajax分頁(yè)實(shí)現(xiàn)代碼
這篇文章主要介紹了利用jQuery中的ajax分頁(yè)實(shí)現(xiàn)代碼的相關(guān)資料，對(duì)ajax分頁(yè)感興趣的朋友可以參考一下2016-02-02
本文主要講解jquery刪除數(shù)組中重復(fù)元素的具體思路與示例代碼，有助于理解與學(xué)習(xí)，希望對(duì)大家有所幫助2016-12-12
這篇文章主要介紹了TinyMCE漢化及本地上傳圖片功能實(shí)例詳解的相關(guān)資料,由于我們下載下拉的是英文版，需要先漢化，比較簡(jiǎn)單，需要的朋友可以參考下2016-05-05