Как собрать все блоки по классу?

Question

[urajo]

Я циклом вывожу данные на страницу

<li class="inner-menu"><span data-sub="1" data-pnd="2" data-otd="3">Текст</span></li>

Таких блоков может быть 10, может быть 5
Мне нужно собрать все спаны и дата атрибуты в них.
Как это сделать?

Answer 1

[srjk94]

var array = [];
$('.inner-menu > span').each(function(){
  array.push({
    object: $(this),
    name: $(this).text(),
    sub: $(this).data('sub'),
    pnd: $(this).data('pnd'),
    otd: $(this).data('otd'),
  });
});
console.log(array);

При выполнении, в переменной array будет подобный массив объектов:

[{"name":"Текст","sub":1,"pnd":2,"otd":3},{"name":"Текст","sub":1,"pnd":2,"otd":3},{"name":"Текст","sub":1,"pnd":2,"otd":3},{"name":"Текст","sub":1,"pnd":2,"otd":3},{"name":"Текст","sub":1,"pnd":2,"otd":3},{"name":"Текст","sub":1,"pnd":2,"otd":3},{"name":"Текст","sub":1,"pnd":2,"otd":3},{"name":"Текст","sub":1,"pnd":2,"otd":3}]