Как обратиться ко всем контейнерам в js?

Question

[ascold2013]

Здравствуйте! Такая проблема - хочу вывести 6 элементов в каждом списке контейнера. Следующий jquery код выводит элементы только в первом блоке. А в следующих нет. Как правильно сделать выборку, чтобы слайс отработал во всех блоках calculator_price?

//Разметка
<div class="calculator_price">
                    <ul class="calculator_price_list">
                        <li class="calculator_price__item title">...</li>
                        ...
                   </ul>
</div>
...
<div class="calculator_price">
...
//Jquery
$(".calculator_price").find(".calculator_price__item").slice(0, 6).css({display: 'flex'});

Answer 1

[0xD34F]

$('.calculator_price')
  .find('.calculator_price__item:lt(6)')
  .css('display', 'flex');

или

$('.calculator_price .calculator_price__item')
  .filter((i, n) => $(n).index() < 6)
  .css('display', 'flex');

или

document.querySelectorAll('.calculator_price').forEach(n => {
  [...n.querySelectorAll('.calculator_price__item')]
    .slice(0, 6)
    .forEach(n => n.style.display = 'flex');
});

Answer 2

[Олег]

Если я правильно понял, то функция each должна тут помочь.

$('.calculator_price').each(function(){
	$(this).find(".calculator_price__item").slice(0, 6).css({display: 'flex'});
});