首頁  >  文章  >  web前端  >  jQuery中parentsUntil()方法用法實例_jquery

jQuery中parentsUntil()方法用法實例_jquery

WBOY
WBOY原創
2016-05-16 16:21:381233瀏覽

本文實例講述了jQuery中parentsUntil()方法用法。分享給大家供大家參考。具體分析如下:

此方法尋找所有符合元素的祖先元素,直到遇到expr表達式、DOM元素或jQuery元素的匹配的那個元素為止。
取得祖先元素集合可以透過篩選表達式進行篩選。

注意:祖先元素中並不包含expr表達式、DOM元素或jQuery元素匹配的元素。

文法:

語法一:

複製程式碼 程式碼如下:
$(selector).parentsUntil(expr,filter)

參數列表:

wp-fpwordx-fpword-p) padx-top: 4stylex-fpword-p) padx-top參數 wp-fpwordx-fpword-p) padx-top: 4stylex-fpword-p) padx-top描述
参数 描述
expr 可选。用于筛选祖先元素的表达式。
filter 可选。用于对取得的祖先元素集合进行筛选。
expr 可選。用於篩選祖先元素的表達式。
filter 可選。用於對所獲得的祖先元素集合進行篩選。

實例:

實例一:

複製程式碼 程式碼如下:






腳本之家




   

       
腳本之家歡迎您

       

           

                   
  • HTML專區

  •                
  • Javascript專區

  •                
  • Div CSS區域

  •                
  • Jquery專區

  •            

           

                   
  • HTML專區

  •                
  • Javascript專區

  •                
  • Div CSS區域

  •                
  • Jquery專區

  •            

       

   



實例二:

複製程式碼 程式碼如下:






腳本之家


    $(文檔).ready(function(){
        $("li").parentsUntil(".inner",".second").css("border","1px 純藍色");
    })
腳本>
頭>

   

       
腳本之家歡迎您

       

           

                   
  • HTML專區

  •                
  • Javascript專區

  •                
  • Div CSS 區域

  •                
  • Jquery專區

  •            

           

                   
  • HTML專區

  •                
  • Javascript專區

  •                
  • Div CSS 區域

  •                
  • Jquery專區

  •            

       

   

身體>

語法二:

複製程式碼程式碼如下:
$(selector).parentsUntil(element,filter)

參數列表:

表>

實例:

實例一:

複製程式碼 程式碼如下:






腳本之家




   

       
腳本之家歡迎您

       

           

                   
  • HTML專區

  •                
  • Javascript專區

  •                
  • Div CSS區域

  •                
  • Jquery專區

  •            

           

                   
  • HTML專區

  •                
  • Javascript專區

  •                
  • Div CSS區域

  •                
  • Jquery專區

  •            

       

   



實例二:

複製程式碼 程式碼如下:






腳本之家


    $(文檔).ready(function(){
        $("li").parentsUntil(document.getElementById("inner"),".second").css("border","1px 純藍色");
    })
腳本>
頭>

   

       
腳本之家歡迎您

       

           

                   
  • HTML專區

  •                
  • Javascript專區

  •                
  • Div CSS 區域

  •                
  • Jquery專區

  •            

           

                   
  • HTML專區

  •                
  • Javascript專區

  •                
  • Div CSS 區域

  •                
  • Jquery專區

  •            

       

   

身體>

希望本文對大家介紹的 jQuery 程式設計有所幫助。

參數
参数 描述
element 可选。用于筛选祖先元素的DOM元素或者jQuery元素
filter 可选。用于对取得的祖先元素集合进行筛选。
描述
元素 任選。 :break-word">DOM元素或jQuery元素
過濾器 任選。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn