※ ChatGPTを利用し、要約された質問です(原文:クリックした<a>タグのみにClass名を付けたい)
クリックした<a>タグのみにClass名を付けたい
このQ&Aのポイント
クリックした<a>タグのみにClass名を付ける方法を教えてください。
jQueryを使用して、クリックした<a>タグにのみClass名を付けたいです。
複数の<a>タグがあり、クリックした一つだけにClass名を付ける方法を教えてください。
クリックした<a>タグのみにClass名を付けたい
複数ある<a>タグの内、クリックした一つだけにClass名を付けたい場合はどうすればよいでしょうか?
ソースは以下のようになっています。
<ul id="menu">
<li><a href="#">北海道</a></li>
<li><a href="#">東北</a></li>
<li><a href="#">関東</a></li>
</ul>
「北海道」をクリックした場合 <a href="#" class="check">北海道</a> となり
次に「東北」をクリックした場合は <a href="#" class="check">東北</a> となる
そのさい「北海道」についていた class="check" は外れる。
といった事をしたいのです。
現状、jQueryで以下のようにしたはいいのですが、複数にclass="check"が付いてしまい、希望の動作になりませんでした。
<script type="text/javascript">
$(document).ready(function(){
$("#menu li a").click(function () {
$(this).toggleClass("check");
});
});
</script>
ぜひ、お教えいただければと思います。
よろしくお願いいたします。
お礼
yyr446さん、ご回答ありがとうございました。 お教えいただいた方法で希望通りの動作にできました。 実にシンプルでわかりやすく、助かりました。 ありがとうございました。