Как получить значения по атрибуту всех элементов dom-дерева?

343
06 августа 2017, 09:33

Есть див с id blocks. В нём есть множество элементов с тегом item. У каждого элемента есть свой атрибут material_id с каким-то уникальным числовым значением.

Вопрос знатокам: как получить в виде одной строки все значения из material_id?

Пробую так:

console.log($('#blocks').find('item').attr('material_id'));

Выводится значение material_id только из первого item. :-(

Answer 1

Функция .map()

console.log( 
  $('#blocks').find('item').map(function() { 
    return $(this).attr('material_id') 
  }).get().join(',') 
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div id="blocks"> 
  <item material_id="1"></item> 
  <item material_id="2"></item> 
  <item material_id="3"></item> 
  <item material_id="4"></item> 
</div>

READ ALSO
Как хранить информацию в сервисе Angular 2+?

Как хранить информацию в сервисе Angular 2+?

Здравствуйте, столкнулся с проблемой что нужно передать информацию с одного компонента в другой, так как они не связаны, нельзя это сделать...

385
Contact form 7 (Загрузка фото)

Contact form 7 (Загрузка фото)

Форма с 5ти шагов, на 4 шаге загрузка 3 фото, если вибрать большие картинки то форма долго их грузит но на следующий шаг пропускает и когда нажимать...

480
не работает таск для gulp

не работает таск для gulp

Начал осваивать gulp попробовал написать собственный таскНачал с простого, но не срабатывает, в чем я ошибся?

385