熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

jquery中通過父級查找進行定位示例

2022-06-13   來源: JSP教程 
如果想要查找到有icon這個class的span除了用原始的代碼還可以用父級查詢的方法進行定位具體的實現如下感興趣的朋友可以參考下哈希望對大家有所幫助   復制代碼 代碼如下:
<ul id=“newslist”>
<li> <span class="fr w tl"></span>
<span class="news_list_icon fl mr icon" ></span>
<span class="fl"><a href="{href}" onmouseover="javascript:changeReadIconOver(this);" onmouseout="javascript:changeReadIconOut(this);">身體健康萬事如意</a>& lt;/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"): 就可以定位到想要的元素了


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20000.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.