jQuery_jqueryのparentsUntil()メソッドの使用例

この記事の例では、jQuery でのparentsUntil() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このメソッドは、expr 式、DOM 要素、または jQuery 要素に一致する要素が見つかるまで、一致する要素のすべての祖先要素を検索します。
祖先要素のコレクションの取得は、フィルター式によってフィルター処理できます。

注: 祖先要素には、expr 式、DOM 要素、または jQuery 要素に一致する要素は含まれません。

文法:

文法 1:

コードをコピー コードは次のとおりです:

$(selector).parentsUntil(expr,filter)

パラメータリスト:

テーブル>

例:

例 1:

コードをコピーします コードは次のとおりです:

<頭>




<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("li").parentsUntil(".inner").css("border","1px 単色青");
})

& Lt; div & gt; ようこそ & lt;/div & gt;

                                                                                                                                                                                                                                                                                                                           & Lt; JavaScript エリア & lt;/li & gt;                                                                                                                                                                                                                                                                                                                                                              
                                                                                                                                                                                                                                                                                                                       & Lt; JavaScript エリア & lt;/li & gt;                                                                                                                                                                                                                                                                                                                                                              
                                                                                       

例 2:





コードをコピー


コードは次のとおりです:

<頭>




<スクリプトタイプ="text/javascript">
    $(document).ready(function(){
        $("li").parentsUntil(".inner",".second").css("border","1px 青一色");
    })



   

       

脚本之家欢迎您

       

           

               
• HTML专区

               
• JavaScript专区

               
• Div CSS专区

               
• Jquery专区

           

           

               
• HTML专区

               
• JavaScript专区

               
• Div CSS专区

               
• Jquery专区

           

       

   

语法二:

复制代 代码如下:

$(selector).parentsUntil(element,filter)

パラメータ数列表:

パラメータ

参数	描述
expr	可选。用于筛选祖先元素的表达式。
filter	可选。用于对取得的祖先元素集合进行筛选。

説明

式

オプション。祖先要素をフィルタリングするために使用される式。

フィルター

オプション。取得した祖先要素のコレクションをフィルタリングするために使用されます。

テーブル>

例:

例 1:

コードをコピーします コードは次のとおりです:

<頭>




<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("li").parentsUntil(document.getElementById("inner")).css("border","1px 単色青");
})

& Lt; div & gt; ようこそ & lt;/div & gt;

                                                                                                                                                                                                                                                                                                                           & Lt; JavaScript エリア & lt;/li & gt;                                                                                                                                                                                                                                                                                                                                                              
                                                                                                                                                                                                                                                                                                                       & Lt; JavaScript エリア & lt;/li & gt;                                                                                                                                                                                                                                                                                                                                                              
                                                                                       

例 2:





コードをコピー


コードは次のとおりです:

<頭>




<スクリプトタイプ="text/javascript">
    $(document).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	可选。用于对取得的祖先元素集合进行筛选。

説明

要素

選択可能。 ">DOM元素またはjQuery元素。

フィルター

選択可能。取得した祖先要素セットを選択するために使用されます。