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

Раздел языка JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2028
Поблагодарили: 62 раза

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

Сообщение Slash » Пн апр 04, 2016 8:59 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 Как подключить библиотеку jQuery
Реклама
cefp
Сообщения: 332
Поблагодарили: 3 раза

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

Сообщение cefp » Ср апр 13, 2016 10:42 am

Ещё есть функция:

Код: Выделить всё

elem.getElementsByClassName(className)

Возвращает все элементы с классом className. Работает не во всех браузерах, без jQuery. Чтобы работало во всех браузерах видимо надо использовать полифиллы.
d o h o d - s - n u l y a .ru - идеи бизнеса.

Вернуться в «JavaScript»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость