js中通過(guò)父級(jí)進(jìn)行查找定位元素
<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),除了用原始的代碼
$("#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)行定位,具體如下:
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)之二叉樹(shù)的查找算法示例
- js基本算法:冒泡排序,二分查找的簡(jiǎn)單實(shí)例
- JavaScript黑洞數(shù)字之運(yùn)算路線查找算法(遞歸算法)實(shí)例
- js實(shí)現(xiàn)的二分查找算法實(shí)例
- JavaScript使用二分查找算法在數(shù)組中查找數(shù)據(jù)的方法
- javascript下查找父節(jié)點(diǎn)的簡(jiǎn)單方法
- JS查找字符串中出現(xiàn)次數(shù)最多的字符
- javascript實(shí)現(xiàn)二分查找法實(shí)現(xiàn)代碼
- js查找節(jié)點(diǎn)的方法小結(jié)
- 基于JavaScript實(shí)現(xiàn)的順序查找算法示例
相關(guān)文章
微信小程序中使用vant組件庫(kù)的超詳細(xì)圖文教程
說(shuō)到vant框架相信大家應(yīng)該并不陌生了吧,做過(guò)移動(dòng)端開(kāi)發(fā)的小伙伴們應(yīng)該都知道它吧,下面這篇文章主要給大家介紹了關(guān)于微信小程序中使用vant組件庫(kù)的超詳細(xì)圖文教程,需要的朋友可以參考下2023-03-03
javascript SocialHistory 檢查訪問(wèn)者是否訪問(wèn)過(guò)某站點(diǎn)
今天delicious上這個(gè)名為 SocialHistory 的腳本十分引人注目。源代碼可以在這里下載。這段js代碼的功能就是判斷你的用戶有沒(méi)有訪問(wèn)過(guò)某個(gè)網(wǎng)站。使用方法很簡(jiǎn)單,例如:2008-08-08
JavaScript?TWaver使用中間點(diǎn)畫折線的方法
這篇文章主要介紹了JavaScript?TWaver使用中間點(diǎn)畫折線的方法,TWaver的圖形組件庫(kù)中提供了拓?fù)浣M件、地圖組件、設(shè)備圖組件,以及表格、樹(shù)圖、屬性表、圖表等豐富的通用圖形界面組件2022-07-07
JS 實(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)頁(yè)版Pongo設(shè)計(jì)思路及源代碼分享
Pongo是款很好玩的手欠類游戲,由于在玩的過(guò)程中發(fā)現(xiàn)了一些BUG,所以就打算自己也弄個(gè),經(jīng)過(guò)一番思索,就有了本文,主要說(shuō)說(shuō)實(shí)現(xiàn)這款游戲的設(shè)計(jì)思路以及分享源碼給大家2014-06-06
JSON序列化與解析原生JS方法且IE6和chrome測(cè)試通過(guò)
JSON序列化與解析本文通過(guò)原生JS方法實(shí)現(xiàn),IE6和chrome下均測(cè)試通過(guò),喜歡的朋友可以嘗試操作下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

