js中通過父級進行查找定位元素
更新時間:2014年06月15日 15:33:50 投稿:whsnow
這篇文章主要介紹了js中如何通過父級進行查找定位元素,需要的朋友可以參考下
復制代碼 代碼如下:
<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(對其進行操作,將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") } );
還可以用父級查詢的方法進行定位,具體如下:
復制代碼 代碼如下:
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">這個標簽
$(alink).parent().parent(): 指的是<li>這個標簽$(alink).parent().parent().find(".icon"): 就可以定位到想要的元素了
相關文章
javascript SocialHistory 檢查訪問者是否訪問過某站點
今天delicious上這個名為 SocialHistory 的腳本十分引人注目。源代碼可以在這里下載。這段js代碼的功能就是判斷你的用戶有沒有訪問過某個網站。使用方法很簡單,例如:2008-08-08JS 實現發(fā)送短信驗證碼的“59秒后重新發(fā)送驗證短信”功能
這篇文章主要介紹了JS 實現發(fā)送短信驗證碼的“59秒后重新發(fā)送驗證短信”功能,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08使用JavaScript實現網頁版Pongo設計思路及源代碼分享
Pongo是款很好玩的手欠類游戲,由于在玩的過程中發(fā)現了一些BUG,所以就打算自己也弄個,經過一番思索,就有了本文,主要說說實現這款游戲的設計思路以及分享源碼給大家2014-06-06JSON序列化與解析原生JS方法且IE6和chrome測試通過
JSON序列化與解析本文通過原生JS方法實現,IE6和chrome下均測試通過,喜歡的朋友可以嘗試操作下2013-09-09