首頁 > web前端 > js教程 > jquery中透過父級查找進行定位範例_jquery

jquery中透過父級查找進行定位範例_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-05-16 17:30:58
原創
1111 人瀏覽過
複製程式碼 程式碼如下:

如果想要找出有icon這個class的span(對其進行操作,將news_list_icon換成news_list_icon_hover),除了用原始的程式碼
複製程式碼 程式碼如下:

$("#newslist li").hover(function(){
$("#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(): 指的是這個標籤$(alink).parent().parent(): 指的是
  • 這個標籤$(alink).parent().parent().find(".icon"): 就可以定位到想要的元素了
  • 相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    最新問題
    引入jQuery 文件
    來自於 1970-01-01 08:00:00
    0
    0
    0
    jquery筆記哪裡有下?
    來自於 1970-01-01 08:00:00
    0
    0
    0
    javascript - vue+webpack怎麼引入jquery
    來自於 1970-01-01 08:00:00
    0
    0
    0
    php+jquery的問題
    來自於 1970-01-01 08:00:00
    0
    0
    0
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板