Немного ванильного js, на этот раз: как найти контейнер по указанному классу.
Сразу рассмотрим более сложный пример, когда требуется найти элемент с классом .class-child внутри элемента .class-parent.
В DOM мы используем функцию element.getElementsByClassName(CLASSNAME), чтобы найти подходящие элементы. Для поиска потомков нужно применять эту же функцию к найденным родительским элементам.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
// поиск родительских контейнеров var elements = document.getElementsByClassName('class-parent'); for (var i = 0; i < elements.length; i++) { // поиск дочерних элементов let items = elements[i].getElementsByClassName('class-child'); if (items.length) { // тут вы можете перебрать массив items // чтобы выполнить необходимые вам операции // с найденными элементами документа for (var k = 0; k < items.length; i++) { items[k].... ... } } } |