DANFA

Как получить все "потомственные" блоки на jQuery

Библиотека JS
Dolphin
14.06.2017 09:22:38 am
Недавно потребовалось получить все блоки, которые содержатся внутри одного блока, для дальнейшей обработки. Мне были известны классы всех блоков, что упрощает выполнение задуманной задачи.
И так, допустим у нас есть такой блок с блоками: 
<div class="first">
    <div class="second">
    </div>
    <div class="three">
    </div>
</div>

Теперь пишем код для поиска потомственных блоков: 
$('.first').each(function() {
    var second = $(this).find('.second'); // Получение первого потомка 
    var three  = $(this).find('.three');  // Получение второго потомка
});

Теперь переменные second (блок с классом second) и three (блок с классом three), отвечают за потомственные блоки, блока с классом first и можно делать с ними все, что угодно, например добавить в них элементы.

Для работы данного сценария необходимо подключить библиотеку jQuery.