0

クリック イベントの要素に割り当てられた CSS クラスを変更しようとしていますが、私の場合はどのセレクターを使用する必要があるかわかりません。内部にいくつかの DD を含む DL があることを参照してください。最初の DD には class="active" があり、他の DD を選択してクラスを選択した DD に割り当てるときに、このクラスを削除する必要があります。少し例：

<dl>
  <dd class="active">DD1</dd>
  <dd>DD2</dd>
  <dd>DD3</dd>
</dl>

DD2 を選択した場合、class="active" は DD1 から消えて DD2 に移動する必要があります。:eq() を使用していると思いますが、機能しません。アドバイスや助けはありますか？

編集：サンプルの準備ができました!! http://comvivem.treswd.com/net/に移動し、demo/ demo123としてログインしてから、「Directorio」に移動します。フィルタが表示され、「A」、「B」などの文字の横に A が表示されます。デフォルトでアクティブなクラスがありますが、「B」またはその他を選択して何が起こっているかを確認してください。これは私が以前に参照したものです!

乾杯と感謝

4

2 に答える 2

4 
$('dd').on('click', function() {
    $(this).addClass('active').siblings().removeClass('active');
});

フィドル

于 2012-08-01T14:43:28.137 に答える
0

この JavaScript はクリック時にリンクを変更しますが、これはシナリオでは必要ありません。

$("dd").click(function(){
    $("dd").removeClass("active");
    $(this).addClass("active");
});

むしろ次のようにする必要があります。

$(document).ready(function(){
    var letter = window.location.pathname.slice(-1);
    $("dd").removeClass("active");
    $("dl.sub-nav dd a:contains("+letter+")").parent().addClass("active");
});

サーバーサイドスクリプトで現在選択されている文字にクラスを設定する方が良いでしょう。

于 2012-08-01T14:44:10.253 に答える