jquery addClass для нескольких ссылок

Question

Есть ли способ добавитьClass к нескольким ссылкам? У меня есть два разных div, содержащих один и тот же набор ссылок; нажатие на ссылку должно применить тот же класс к «эквивалентной» ссылке в наборе другого div.

<style> 
.one{margin:70px 0} 
.one a{ margin:10px; padding:5px 10px; background-color:green; text-decoration: none; color:white} 
.selected{background-color: yellow;} 
</style> 
<div class="one"> 
<a href="#first">1</a><a href="#second">2</a><a href="#third">3</a> 
</div> 

<div class="two"> 
<a href="#first">1</a><a href="#second">2</a><a href="#third">3</a> 
</div> 
<script> 
$("a.one").click(function() { 
    $(this).addClass(".selected").filter(':first').click(); 
}); 
</script> 

Answer 1

Этот код поможет вам ...

$("a").addClass(".selected"); 

Answer 2

LINK

Прежде всего, необходимо найти индекс якоря .Застет применить класс во втором сНе якоря на основе этого индекса.

$('.two').children('a').eq($('.one a').index(this)).addClass('selected'); 

$('.one').children('a').eq($('.two a').index(this)).addClass('selected'); 

Answer 3

Я бы попытался представить что-то общее со всеми ссылками, которые должны измениться вместе. В этом я ввел класс, чтобы идентифицировать их:

<style> 
.one{margin:70px 0} 
.one a{ margin:10px; padding:5px 10px; background-color:green; text-decoration: none; color:white} 
.selected{background-color: yellow;} 
</style> 
<div class="one"> 
<a href="#first" class="1">1</a><a href="#second" class="2">2</a><a href="#third" class="3">3</a> 
</div> 

<div class="two"> 
<a href="#first" class="1">1</a><a href="#second" class="2">2</a><a href="#third" class="3">3</a> 
</div> 
<script> 
    $(document).ready(function() { 
     $("a.1").click(function() { 
      $("a.1").addClass("selected"); 
      $("a:not(.1)").removeClass("selected"); 
     }); 
     $("a.2").click(function() { 
      $("a.2").addClass("selected"); 
      $("a:not(.2)").removeClass("selected"); 
     }); 
     $("a.3").click(function() { 
      $("a.3").addClass("selected"); 
      $("a:not(.3)").removeClass("selected"); 
     }); 
    }); 
    </script> 

Примечание: если браузер ориентируется не поддерживает CSS3 вы не можете рассчитывать на: не селектор, и я должен использовать некоторые «старый стиль» методы для удаления класс.