jquery - クリックされたリンクを強調表示する方法は?

Question

3 つのリンクがある場合:

<a href="#link1">Somelink</a>
<a href="#link2">Somelink 2</a>
<a href="#link3">Somelink 3</a>

Somelink 2 をクリックすると、リンクが太字になるようにしたいと考えています。ユーザーが「Somelink」をクリックすると、そのリンクが太字になり、他のリンクは太字になりません。(Somelink 3 をクリックしても同じです)。これを行う方法？

Answer 1

HTML

<div id="mylinks">
  <a href="#link1">Somelink</a>
  <a href="#link2">Somelink 2</a>
  <a href="#link3">Somelink 3</a>
</div>

CSS

.highlight{     
 font-weight:bold;
}

jQuery

$(document).ready(function(){

$('#mylinks a').click(function(){
 $('#mylinks a').removeClass('highlight');
 $(this).addClass('highlight');
});

});

Answer 2

HTML

<a href="#">some link 1</a>
<br>
<a href="#">some link 2</a>
<br>
<a href="#">some link 3</a>

JS

$('a').click(function() { $(this).css({'font-weight':'bold'}) })