js中通過父級進(jìn)行查找定位元素
更新時(shí)間:2014年06月15日 15:33:50 投稿:whsnow
這篇文章主要介紹了js中如何通過父級進(jì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"): 就可以定位到想要的元素了
您可能感興趣的文章:
- JavaScript實(shí)現(xiàn)在數(shù)組中查找不同順序排列的字符串
- JS實(shí)現(xiàn)線性表的順序表示方法示例【經(jīng)典數(shù)據(jù)結(jié)構(gòu)】
- JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的查找算法示例
- js基本算法:冒泡排序,二分查找的簡單實(shí)例
- JavaScript黑洞數(shù)字之運(yùn)算路線查找算法(遞歸算法)實(shí)例
- js實(shí)現(xiàn)的二分查找算法實(shí)例
- JavaScript使用二分查找算法在數(shù)組中查找數(shù)據(jù)的方法
- javascript下查找父節(jié)點(diǎn)的簡單方法
- JS查找字符串中出現(xiàn)次數(shù)最多的字符
- javascript實(shí)現(xiàn)二分查找法實(shí)現(xiàn)代碼
- js查找節(jié)點(diǎn)的方法小結(jié)
- 基于JavaScript實(shí)現(xiàn)的順序查找算法示例
相關(guān)文章
javascript SocialHistory 檢查訪問者是否訪問過某站點(diǎn)
今天delicious上這個(gè)名為 SocialHistory 的腳本十分引人注目。源代碼可以在這里下載。這段js代碼的功能就是判斷你的用戶有沒有訪問過某個(gè)網(wǎng)站。使用方法很簡單,例如:2008-08-08JavaScript?TWaver使用中間點(diǎn)畫折線的方法
這篇文章主要介紹了JavaScript?TWaver使用中間點(diǎn)畫折線的方法,TWaver的圖形組件庫中提供了拓?fù)浣M件、地圖組件、設(shè)備圖組件,以及表格、樹圖、屬性表、圖表等豐富的通用圖形界面組件2022-07-07JS 實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼的“59秒后重新發(fā)送驗(yàn)證短信”功能
這篇文章主要介紹了JS 實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼的“59秒后重新發(fā)送驗(yàn)證短信”功能,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08使用JavaScript實(shí)現(xiàn)網(wǎng)頁版Pongo設(shè)計(jì)思路及源代碼分享
Pongo是款很好玩的手欠類游戲,由于在玩的過程中發(fā)現(xiàn)了一些BUG,所以就打算自己也弄個(gè),經(jīng)過一番思索,就有了本文,主要說說實(shí)現(xiàn)這款游戲的設(shè)計(jì)思路以及分享源碼給大家2014-06-06JSON序列化與解析原生JS方法且IE6和chrome測試通過
JSON序列化與解析本文通過原生JS方法實(shí)現(xiàn),IE6和chrome下均測試通過,喜歡的朋友可以嘗試操作下2013-09-09一覽畫面點(diǎn)擊復(fù)選框后獲取多個(gè)id值的方法
這篇文章主要介紹了在一覽畫面點(diǎn)擊復(fù)選框后獲取多個(gè)id值的方法,前臺(tái)采用js技術(shù)后臺(tái)采用java技術(shù)實(shí)現(xiàn)的,邏輯清晰,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看看吧2016-05-05使用JavaScript鏈?zhǔn)骄幊虒?shí)現(xiàn)模擬Jquery函數(shù)
這篇文章主要介紹了使用JavaScript鏈?zhǔn)骄幊虒?shí)現(xiàn)模擬Jquery函數(shù)的方法及源碼分享,非常的不錯(cuò),推薦給大家。2014-12-12