Есть ли способ для запуска jquery-функций для дочернего элемента?

Question

Я совершенно не знаком с jQuery, поэтому, возможно, я что-то пропустил. Скажем, HTML выглядит примерно так:

<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, вместо того, чтобы просто использовать это для перебора каждого «сообщение» класс элемента:

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

Я понимаю, что я могу получить каждый объект JQuery, используя это, но хочу, чтобы затем через фильтр, используя код выше, чтобы получить каждый текст в пределах его родительского класса.

var message = $('.child'); 

Answer 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>