TOC

jQuery find（）の例

jQuery find（）の例

jQueryを使用すると、find()を使用して、一致した要素のすべての子孫（子、孫、ひ孫…任意のレベルの深さ）を検索できます。

たとえば、3レベルの深さのdiv要素。 



    
A1-1

    
A1-2


    


        
A2-1

        
A2-2


        


            
A3-1

            
A3-2

1. $(‘#A1’).find(‘.child’)

$('#A1').find('.child').css('background','red');

「A1」のIDを含む要素と、「child」のクラス名を含むその子要素を見つけて、その背景を赤に変更します。

2. $(‘#A2’).find(‘.child’)

$('#A2').find('.child').css('background','red');

「A2」のIDを含む要素と、「child」のクラス名を含むその子要素を見つけて、その背景を赤に変更します。

3. jQuery find（）の例

この例を再生します。

HTMLの例 













jQuery find() example







A1
    
A1-1

    
A1-2


    
A2
        
A2-1

        
A2-2


        
A3
            
A3-1

            
A3-2

参照

  1. jQuery find（）APIドキュメント

Related