0

ユーザーがクリックできるリンクを持つ2つのスパンがあり、スパンがクリックされると、クラスが削除され、クリックした1つに別のクラスが追加されます。

ここに画像の説明を入力してください

HTML：

<span class="resCheck label label-success">
  <a data-method="get" class="resCheckLink" href="trafikskola?utf8=%E2%9C%93&amp;query=lund&     
   amp;sort=asc">Cheap prices</a>
</span>
<span class="resCheck label">
  <a class="resCheckLink" data-method="get" href="trafikskola?utf8=%E2%9C%93&query=lund&  
  sort=desc">Expensive prices</a>
</span>

JQuery：

$(function(){
    $('.resCheckLink').click(function(e){
        $('.resCheck.label').removeClass('label-success');
        $(this).parent().addClass('label-success')
    });
});

しかし、それは機能しません、それはクラスを追加および削除しません、どうすればこれを修正できますか？

4

6 に答える 6

1

これを試して

$(function(){
    $('.resCheckLink').click(function(e){
        $('.resCheck').removeClass('label-success');
       $(this).parent().addClass('label-success');
    });
});
于 2013-03-25T13:04:10.807 に答える
1

これを試して...

$(function(){
    $('.resCheckLink').click(function(e){
        $('.resCheck').removeClass('label-success');
        $(this).parent().addClass('label-success');
    });
});

ワーキングデモ

于 2013-03-25T13:10:17.410 に答える
0

これを試して。

$(function(){
    $('.resCheckLink').click(function(e){
        $('span.resCheck').removeClass('label-success');
        $(this).parent().addClass('label-success')
    });
});
于 2013-03-25T13:07:13.760 に答える
0

それは実際に機能します、私はあなたが要素を間違ってスタイリングしていると思いますか？return falseリンクが機能しないように追加しました。

jsFiddle

$(function(){
    $('.resCheckLink').click(function(e){
        $('.resCheck.label').removeClass('label-success');
        $(this).parent().addClass('label-success');
        return false;
    });
});
于 2013-03-25T13:07:21.240 に答える
0

これを試して

$(function(){
   $('.resCheckLink').click(function(e){
         $('.resCheck').removeClass('label-success');
         $(this).parent().addClass('label-success')
   });
});
于 2013-03-25T13:10:12.477 に答える
0

同じクラスを削除および追加しているため、実際に監視することはできません。

$('.resCheck.label').removeClass('label-success');
    $(this).parent().addClass('label-success');

ですから、別のスタイルのクラスを作成してから、上記のPSRの回答を試してみてください。

それはします:)

于 2013-03-25T13:11:44.910 に答える