1

На странице есть n-ое количество элементов с одинаковым классом и атрибутом data-id Как получить значения data-id всех элементов с данным классом?

<span class="select" data-id="1">one</span>
<span class="select" data-id="2">two</span>
<span class="select" data-id="3">three</span>...

2 ответа 2

3

Для преобразования одной коллекции в другую и в обычном яваскрипте есть метод map и в jQuery есть метод map

Эти методы позволяют по полученной коллекции элементов, получить коллекцию значений атрибута, например

//jQuery
console.log($('.select[data-id]').map(function() {
  return this.dataset.id;
}).get());

//vanilla
console.log([].map.call(document.querySelectorAll('.select[data-id]'), function(el) {
  return el.dataset.id;
}));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="select" data-id="1">one</span>
<span class="select" data-id="2">two</span>
<span class="select" data-id="3">three</span>
<span class="select" data-id="4">one</span>
<span class="select" data-id="5">two</span>
<span class="select" data-id="6">three</span>

2

Например, так:

$('[data-id]').each( function(e){
	var $el = $(this);
	if($el.hasClass('test')) {
		console.log($el.attr('data-id')) 
	}
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
	<li class="test" data-id="1"></li>
	<li data-id="2"></li>
	<li class="test" data-id="3"></li>
	<li data-id="4"></li>
	<li class="test" data-id="5"></li>
</ul>

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.