Как выбрать 1 элемент с одинаковым классом?

Question

[chernyavskiy94]

Привет!

Ребята, подскажите пожалуйста. Например есть:

<div>
   <a href="#" class="link"></a>
   <a href="#" class="link"></a>
   <a href="#" class="link"></a>
   <a href="#" class="link"></a>
</div>

Пишу:

$(document).ready(function(){
	$('a.link').click(function(){
		$(this).toggleClass('active')
	});
});

Добавляется ко всем ссылкам, это ясно.
А как сделать так, чтоб класс добавлялся только к той по которой нажали?)
Пробовал each использовать, но до меня не совсем доходит как она работает и как ее использовать.

Спасибо!

Answer 1

[Mikhail Osher]

DEMO

jQuery(function($) {
  var $link = $('.link');
  
  $link.on('click', function(event) {
    event.preventDefault();
    
    $link.removeClass('active');
    $(this).addClass('active');
  });
});

Answer 2

[Дмитрий Зинченко]

Ну вообще то, оно и применится к ссылке,на которую вы нажали, в чём проблема то?
Вешается клик на все ссылки,после нажатия внутри функции this принимает значение элемента,на котором висит событие,т.е. данная конкретная ссылка,на которую вы нажали.
Если напрягает переход по ссылке,то либо как выше предложили event.preventDefault(), либо return false