@GoldSlide

Как получить значение атрибута после изменения HTML скриптом?

Данный код по клику добавляет класс к ссылкам, и выводит мне содержимое атрибута HREF, но я бы хотел чтобы он выводил ссылку по логике, сейчас работает так:
При нажатии на кнопку выводит первый урл у которого нету класса active , если же нажать еще раз то выводит тот же самый URL а мне нужен следующий.
Как быть?

<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
<script>$(document).ready(function() {
    $('button').click(function() {
        var prevActive = $('.class').find('a.active');
        var next = prevActive.next('a');
        next.addClass('active');
        //alert($(next).attr('href'));
		
    });
});
</script>

<p class="class">
    <a href="http://hashcode.ru/" class="active">Ссылка 1</a>
    <a href="http://hashcode.ru/3">Ссылка 2</a>
    <a href="http://hashcode.ru/1">Ссылка 3</a>
    <a href="http://hashcode.ru/2">Ссылка 4</a>
</p>
<button>Тыркалка</button>

<style>
a { color: black;}
.active {color: green;  }
</style>
  • Вопрос задан
  • 98 просмотров
Решения вопроса 1
Stalker_RED
@Stalker_RED
$('button').click(function() {
  $('.class .active').removeClass('active')
    .next().addClass('active');
});

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
24 нояб. 2024, в 03:11
500 руб./за проект
24 нояб. 2024, в 01:35
5000 руб./за проект
24 нояб. 2024, в 01:24
500 руб./за проект