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實現(xiàn)在數(shù)組中查找不同順序排列的字符串
- JS實現(xiàn)線性表的順序表示方法示例【經典數(shù)據(jù)結構】
- JavaScript數(shù)據(jù)結構之二叉樹的查找算法示例
- js基本算法:冒泡排序,二分查找的簡單實例
- JavaScript黑洞數(shù)字之運算路線查找算法(遞歸算法)實例
- js實現(xiàn)的二分查找算法實例
- JavaScript使用二分查找算法在數(shù)組中查找數(shù)據(jù)的方法
- javascript下查找父節(jié)點的簡單方法
- JS查找字符串中出現(xiàn)次數(shù)最多的字符
- javascript實現(xiàn)二分查找法實現(xiàn)代碼
- js查找節(jié)點的方法小結
- 基于JavaScript實現(xiàn)的順序查找算法示例
相關文章
這篇文章主要介紹了新手快速入門JavaScript裝飾者模式與AOP,在不改變對象）的情況下動態(tài)的為其添加功能,這就是裝飾者模式，下面小編帶大家來深入學習一下吧2019-06-06
本篇文章主要介紹了IScroll5實現(xiàn)下拉刷新上拉加載的功能實例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
微信小程序開發(fā)中Promise的使用(aysnc,await)及場景分析
在微信小程序開發(fā)中,錯誤使用Promise可能導致無法正確獲取數(shù)據(jù),本文分析了一個常見錯誤場景,即在異步函數(shù)中未使用await或.then()處理Promise,導致無法獲取異步操作的返回結果,文章提供了使用await和鏈式調用.then()的解決方法,幫助開發(fā)者避免類似錯誤,確保數(shù)據(jù)正確返回2024-10-10
這篇文章主要介紹了JavaScript?數(shù)據(jù)結構之字典方法，字典即Dictionary，是一種以?鍵-值對?形式存儲數(shù)據(jù)的數(shù)據(jù)結構，下文更多相關介紹需要的小伙伴可以參考一下2022-04-04
微信小程序實現(xiàn)限制用戶轉發(fā)功能的實例代碼
這篇文章主要介紹了微信小程序實現(xiàn)限制用戶轉發(fā)的實例代碼，通過截圖加實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2020-02-02
一般來說中文亂碼用js結合escape來解決，但下面的方法是一般后臺中的一些問題，需要注意下輸出順序，先聲明編碼類型在輸出內容是個好習慣。2009-12-12
不錯的用resizeTo和moveTo兩個函數(shù)實現(xiàn)窗口的“打乒乓球”效果
不錯的用resizeTo和moveTo兩個函數(shù)實現(xiàn)窗口的“打乒乓球”效果...2007-08-08
DataTables添加額外的查詢參數(shù)和刪除columns等無用參數(shù)實例
下面小編就為大家?guī)硪黄狣ataTables添加額外的查詢參數(shù)和刪除columns等無用參數(shù)實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
將json當數(shù)據(jù)庫一樣操作的javascript lib
使用javascript操作JSON的類庫TAFFY DB，具體介紹了：查詢數(shù)據(jù)、添加數(shù)據(jù)、刪除數(shù)據(jù)、修改數(shù)據(jù)。2013-10-10
本文給大家匯總介紹的是獲取JavaScript 數(shù)組中最大最小值的方法和示例，非常的詳細和全面，希望對大家學習JavaScript能夠有所幫助2016-06-06