Данный код по клику добавляет класс к ссылкам, и выводит мне содержимое атрибута 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>