Есть некая разметка:
<div class='a' id='parent-1'>
<div class='b' id='child-1'></div>
<div class='c'>
<div class='b' id='child-2'></div>
</div>
<div class='b' id='child-3'></div>
<div class='a' id='parent-2'>
<div class='b' id='child-4'></div>
<div class='b' id='child-5'></div>
</div>
</div>
Необходимо получить ближайшие дочерние элементы .b
родителя .a
.
Например, для родителя #parent-2
должны быть получены #child-4
и #child-5
, а для родителя #parent-1
только #child-1
, #child-2
и #child-3
, исключая дочерние элементы вложенного родителя.
При этом вложенность элементов может быть любой глубины.
Желательна реализация на чистом JavaScript.
Моя текущая реализация на jQuery (Полагаю что есть решению лучше):
const A = $('.a#parent-1');
$(A).find('.b').filter((_, e) => $(e).closest('.a').is(A));
parent.querySelectorAll('.b')
children
просто.$('.a#parent-1').children('.b')
document.getElementById("parent-1").childNodes