JQuery/JS как получить id у дочерних элементов

Question

<div class="products">
  <div class="product" id="1"></div>
  <div class="product" id="2"></div>
</div>

как можно получить id и сохранить в массив всех объектов с классом product у родителя с классом products?

Answer 1

var d = $(".products .product").toArray().map(el => el.id); 
console.log(d);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="products">
  <div class="product" id="1"></div>
  <div class="product" id="2"></div>
</div>

Answer 2

const arr = [];
for(let prod of $('.products:first').children('.product')){
    arr.push(prod.id);
}
console.log(arr);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="products">
    <div class="product" id="1"></div>
    <div class="product" id="2"></div>
</div>

БЛОГ НА HUSL

JQuery/JS как получить id у дочерних элементов

Ответы (2 шт):