jQueryのは、彼の父親の親、最も近い、両親、parentUntilを見つけるために、フィルタ

著者:旧http://senir.blog.163.comサイレント(ソースを明記してください)


これらのフィルタは、父親を探しているが、異なる特定の使用
.parent(exprは) -父、唯一のチェック、本物の父親を見つけるために、式はめったに使うべきではありません
.parents(expr)は-プラス複数、それは調査を開始した父から、父のよりになる、フィルタリングする式をexprと、その後、ルート要素を見つけ、捜査アップされている
(expr)は.closestを-これは両親と似ていますが、これは現在の要素からの調査の始まりである、とチェック表現を遵守することを停止し
、両親と同様に、差はルート要素では見られないexprの一致が停止遭遇したが、その要素にexprの一致が含まれていません- .parentsUntilは(expr)は

テストケース:

コードをコピー
< ボディ> 
< DIV 上記ID = "メイン" > 
    < DIV 上記ID = "ホット" クラス= "rightBar" > 
        < H2 >ホット情報</ H2 > 
        < UL > 
            < > 
                < UL > 
                    < リチウムのクラス= "P-" >オリーブオイルの融解</ > 
                    < >パンパースおむつ</ > 
                    < ID = "H">有機米</ > 
                    < >ミャオ族傑ゴミ袋</ > 
                    < >エクセレントコナミ茶</ > 
                    < >キスゼリー</ > 
                </ UL > 
            </ > 
            < > 
                < UL > 
                    < >ヘッド&ショルダーズシャンプー</ > 
                    < > 6つの神のトイレの水</ > 
                    < >セーフガード石鹸</ >
                    <>インドのペーパータオルのハート</ > 
                    < >すごいハハミネラルウォーター</ > 
                    < >ウォンローキャット</ > 
                </ UL > 
            </ > 
        </ UL > 
    </ DIV > 
</ DIV > 
</ ボディ>
コードをコピー
ます。<script type = "text / JavaScriptの"言語= "JavaScriptを">
 // ここでjQueryのコード 
</ SCRIPT>

試験1:セット要素の親要素ID =「H」と背景色を探すは灰色であります

。$( "#1 H")親()CSS( "背景色"、 "#1 CCC")。

効果:

上記のコードは、と等価です

$( "#1 H")親( "UL")、CSS( "背景色"、 "#1 CCC")。

あなたは祖父母を探しているなら

。$( "#1 H")親( "LI")、CSS( "背景色"、 "#1 CCC")。

失敗します

試験2:グレーに背景色を設定し、祖先要素ID =「H」が要素ULラベルと一致している検索

$( "#hを")の両親( "UL")、CSS( "背景色"、 "#のCCC")。。。

効果:


彼の父を見つけるために最も近い停留所を見つけることがあるため、両親父親を見つけるためだけではなく、また、^ _ ^曽祖父を発見したが、それはないだろう最も近いです

試験3:UL要素タグに沿って最も近いID =「H」の祖先要素を検索し、そして灰色に背景色を設定します

$( "#1 H")に最も近い( "UL")、CSS( "背景色"、 "#1 CCC")。

効果:

試験4:試験最も近い現在の要素から見て開始することで、親は元素から親を見つけるために始めているが、ID =「H」父親の要素は、要素のliタグで見出され、そして灰色に背景色を設定します

。$( "#hを")の両親( "LI")、CSS( "背景色"、 "#のCCC")。

効果:

$( "#1 H")に最も近い( "LI")、CSS( "背景色"、 "#1 CCC")。

効果:

試験5:エレメントULタグのid =親要素「H」を見つける、および背景色を設定すると、灰色で、試験parentsUntilの目的は、exprは停止するが、式exprに沿った要素を含んでいないことが判明、比較試験1

$( "#1 H")parentsUntil( "UL")、CSS( "背景色"、 "#1 CCC")。

効果:


祖父母李を探すためにしようとは思わない、唯一ULを除外するために見つけることが、発見された、実際には、出てきませんでした

。$( "#1 H")parentsUntil( "LI")、CSS( "背景色"、 "#1 CCC")。

効果:


それから、実際には、これはULをグレー表示され、Liがあるため除外しました


試験6:試験親とparentsUntil差、parentsUntilが停止し、親は常に父親要素ID =「H」が李タグの要素である見つけるためにルックアップ、および背景色を設定します見出さは灰色であり
、これと試験2を参照5最初のテストは、それを見ることができます。

 

著者:旧http://senir.blog.163.comサイレント(ソースを明記してください)

ます。https://www.cnblogs.com/zhangchenliang/archive/2013/06/04/3118109.htmlで再現

おすすめ

転載: blog.csdn.net/weixin_34415923/article/details/93494859