2016-07-02 8 views
0

私はjQueryを完全に新しくしているので、ここで何かを逃したかもしれません。 のは、HTMLは次のようになりましょう:要素の子に対してjquery関数を実行する方法はありますか?

<div class = "parent"> 
    <div class = "child"> 
    <div class = "message"> 
     text 
    </div> 
    </div> 
    <div class = "child"> 
    <div class = "message"> 
     text 
    </div> 
    <div class = "message"> 
     text 
    </div> 
    <div class = "message"> 
     text 
    </div> 
    </div> 
    <div class = "child"> 
    <div class = "message"> 
     text 
    </div> 
    <div class = "message"> 
     text 
    </div> 
    </div> 
</div> 

私はだけでなく、それぞれを反復処理するためにこれを使用しての、「子」のdivの範囲内でそれぞれの「メッセージ」のdivにアクセスできるようにしたいのですが「メッセージ」class要素:

$('.message').each(function(index, e) {}); 

私はこれを使用して各jQueryオブジェクトを得ることができることを理解しますが、その親クラスの範囲内でそれぞれのテキストを取得するために上記のコードを使用してフィルタリングします。

var message = $('.child'); 

答えて

1

使用$(PARENT CHILD)セレクタ(それらの間の空間)

console.log($('.child .message').get())
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<div class="parent"> 
 
    <div class="child"> 
 
    <div class="message"> 
 
     text 
 
    </div> 
 
    </div> 
 
    <div class="child"> 
 
    <div class="message"> 
 
     text 
 
    </div> 
 
    <div class="message"> 
 
     text 
 
    </div> 
 
    <div class="message"> 
 
     text 
 
    </div> 
 
    </div> 
 
    <div class="child"> 
 
    <div class="message"> 
 
     text 
 
    </div> 
 
    <div class="message"> 
 
     text 
 
    </div> 
 
    </div> 
 
</div>

関連する問題