Как получить и вывести на страницу значения всех href c определенным классом?

Question

Подскажите, как получить и вывести на страницу значения всех href c определенным классом? Пробовал подобным образом, выводит только первый:

var getvalue = $('.header').attr('href');
console.log(getvalue);

Answer 1

Попробуйте с each :

$('.btn').each(function() {
  console.log($(this).attr('href'));
});

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

<a href="#button-1" class="btn">
  button
</a>
<a href="#button-2" class="btn">
  button
</a>
<a href="#button-3" class="btn">
  button
</a>
<a href="#button-4" class="btn">
  button
</a>
<a href="#">
  empty
</a>
<a href="#link" class="link">
  link
</a>
<a href="#link-2" class="link">
  link
</a>

БЛОГ НА HUSL

Как получить и вывести на страницу значения всех href c определенным классом?

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