js中通過父級進(jìn)行查找定位元素
更新時間: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這個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">這個標(biāo)簽
$(alink).parent().parent(): 指的是<li>這個標(biāo)簽$(alink).parent().parent().find(".icon"): 就可以定位到想要的元素了
您可能感興趣的文章:
- JavaScript實現(xiàn)在數(shù)組中查找不同順序排列的字符串
- JS實現(xiàn)線性表的順序表示方法示例【經(jīng)典數(shù)據(jù)結(jié)構(gòu)】
- JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的查找算法示例
- js基本算法:冒泡排序,二分查找的簡單實例
- JavaScript黑洞數(shù)字之運算路線查找算法(遞歸算法)實例
- js實現(xiàn)的二分查找算法實例
- JavaScript使用二分查找算法在數(shù)組中查找數(shù)據(jù)的方法
- javascript下查找父節(jié)點的簡單方法
- JS查找字符串中出現(xiàn)次數(shù)最多的字符
- javascript實現(xiàn)二分查找法實現(xiàn)代碼
- js查找節(jié)點的方法小結(jié)
- 基于JavaScript實現(xiàn)的順序查找算法示例
相關(guān)文章
javascript SocialHistory 檢查訪問者是否訪問過某站點
今天delicious上這個名為 SocialHistory 的腳本十分引人注目。源代碼可以在這里下載。這段js代碼的功能就是判斷你的用戶有沒有訪問過某個網(wǎng)站。使用方法很簡單,例如:2008-08-08JS 實現(xiàn)發(fā)送短信驗證碼的“59秒后重新發(fā)送驗證短信”功能
這篇文章主要介紹了JS 實現(xiàn)發(fā)送短信驗證碼的“59秒后重新發(fā)送驗證短信”功能,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08使用JavaScript實現(xiàn)網(wǎng)頁版Pongo設(shè)計思路及源代碼分享
Pongo是款很好玩的手欠類游戲,由于在玩的過程中發(fā)現(xiàn)了一些BUG,所以就打算自己也弄個,經(jīng)過一番思索,就有了本文,主要說說實現(xiàn)這款游戲的設(shè)計思路以及分享源碼給大家2014-06-06JSON序列化與解析原生JS方法且IE6和chrome測試通過
JSON序列化與解析本文通過原生JS方法實現(xiàn),IE6和chrome下均測試通過,喜歡的朋友可以嘗試操作下2013-09-09使用JavaScript鏈?zhǔn)骄幊虒崿F(xiàn)模擬Jquery函數(shù)
這篇文章主要介紹了使用JavaScript鏈?zhǔn)骄幊虒崿F(xiàn)模擬Jquery函數(shù)的方法及源碼分享,非常的不錯,推薦給大家。2014-12-12