jquery中通過父級查找進行定位示例
更新時間:2013年06月28日 15:55:44 作者:
如果想要查找到有icon這個class的span除了用原始的代碼還可以用父級查詢的方法進行定位,具體的實現如下,感興趣的朋友可以參考下哈,希望對大家有所幫助
復制代碼 代碼如下:
<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"): 就可以定位到想要的元素了
相關文章
EasySlider 基于jQuery功能強大簡單易用的滑動門插件
Easy Slider 是一個滑動門插件,支持任何圖片或內容,當點擊時實現橫向或縱向滑動。它擁有一系列豐富的參數設置,可通過CSS來進行完全的控制。2010-06-06jquery 將當前時間轉換成yyyymmdd格式的實現方法
下面小編就為大家?guī)硪黄猨query 將當前時間轉換成yyyymmdd格式的實現方法。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考2016-06-06jquery.validate自定義驗證用法實例分析【成功提示與擇要提示】
這篇文章主要介紹了jquery.validate自定義驗證用法,結合實例形式分析了jQuery成功提示與擇要提示驗證操作相關實現與使用技巧,需要的朋友可以參考下2020-06-06jQuery實現點擊旋轉,再點擊恢復初始狀態(tài)動畫效果示例
這篇文章主要介紹了jQuery實現點擊旋轉,再點擊恢復初始狀態(tài)動畫效果,結合實例形式分析了jQuery事件響應及頁面元素屬性動態(tài)操作相關實現技巧,需要的朋友可以參考下2018-12-12