0

ボタンをクリックして、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');
});

動的なコードが欲しいです。基本的には、ahrefで指定された要素にクラスを追加することで機能します。これは、私がこれらをかなり少数持っていて、それらを個別にコーディングしたくないためです。

編集：

ジェームスありがとう！それは素晴らしいことです！しかし、私は謝罪しなければなりません、私は私が求めていたもので自分自身を混乱させました！私が実際に探しているaddClassのは、実際にliはul.navigation a

だから私が正しく考えているなら、私はこれをやろうとしています：

  • servicenextボタンをクリックして、
  • コードはのidを取得divしますhref
  • 同じでに適用addClassされますlihref

どこかにelseステートメントがあるはずだと思います。許してください。私は実際にはプログラマーではありません。

私が思いついたジブリッシュは次のとおりです。

$('#servicenext a').click(function(){
     $('ul.navigation a').removeClass('active');
     $($(this).attr("href").find($('ul.navigation li a').attr("href"))).addClass('active');
}); 
});
4

1 に答える 1

4

属性の値hrefはすでに有効な ID セレクターであるため、単純に属性の値を使用できます。

$($(this).attr("href")).addClass('active');

実際の属性値を取得する必要があることに注意してください。ネイティブ DOM プロパティは、属性の値だけでなく、実際の URL を返します。

これが実際の例です。

于 2012-07-05T07:40:15.180 に答える