ボタンをクリックして、HTML内で指定された要素にクラスを追加しようとしています。
HTML:
<div id="servicenext"><a href="#nav2"><p class="four">next</p></a>
脚本:
$('#servicenext a').click(function(){
$('ul.navigation a').removeClass('active');
$(*the div in the href*).addClass('active');
});
動的なコードが欲しいです。基本的には、a
hrefで指定された要素にクラスを追加することで機能します。これは、私がこれらをかなり少数持っていて、それらを個別にコーディングしたくないためです。
編集:
ジェームスありがとう!それは素晴らしいことです!しかし、私は謝罪しなければなりません、私は私が求めていたもので自分自身を混乱させました!私が実際に探しているaddClass
のは、実際にli
はul.navigation a
だから私が正しく考えているなら、私はこれをやろうとしています:
- servicenextボタンをクリックして、
- コードはの
id
を取得div
しますhref
- 同じでに適用
addClass
されますli
href
どこかにelseステートメントがあるはずだと思います。許してください。私は実際にはプログラマーではありません。
私が思いついたジブリッシュは次のとおりです。
$('#servicenext a').click(function(){
$('ul.navigation a').removeClass('active');
$($(this).attr("href").find($('ul.navigation li a').attr("href"))).addClass('active');
});
});