0

これがシナリオです。私のクライアントは、私がデザインしている Web サイトのカラー テーマを変更できるようにしたいと考えています。クリックすると、別の 4 つの div の境界線の色が変更される 4 つの div があります。各クリック イベントは、クリックされたものに応じて div を異なる色に変更します。

jQueryを使えば解決すると思ったのですが、何か間違ったことをしているに違いありません! これが私が実行しようとしているものです：

$('.btn1').on('click', function(){
    $('.box').removeClass('colour2, colour3, colour4');
    $('.box').addClass('colour1');
});

$('.btn2').on('click', function(){
    $('.box').removeClass('colour1, colour3, colour4');
    $('.box').addClass('colour2');
});

$('.btn3').on('click', function(){
    $('.box').removeClass('colour1, colour2, colour4');
    $('.box').addClass('colour3');
});

 $('.btn4').on('click', function(){
    $('.box').removeClass('colour1, colour2, colour4');
    $('.box').addClass('colour4');
});

どんな助けでも大歓迎です。

4

2 に答える 2

4

削除クラスからコンマを削除します

$('.btn1').on('click', function(){
    $('.box').removeClass('colour2 colour3 colour4');
    $('.box').addClass('colour1');
});

$('.btn2').on('click', function(){
    $('.box').removeClass('colour1 colour3 colour4');
    $('.box').addClass('colour2');
});

$('.btn3').on('click', function(){
    $('.box').removeClass('colour1 colour2 colour4');
    $('.box').addClass('colour3');
});

 $('.btn4').on('click', function(){
    $('.box').removeClass('colour1 colour2 colour4');
    $('.box').addClass('colour4');
});

注: 呼び出し.removeClass()てすべてのクラスを削除することもできますが、これらの 3 つよりも多くのクラスがボックスにある場合は、それらがすべて削除されます。詳細については、http://api.jquery.com/removeClass/を参照してください。

于 2013-10-22T17:16:54.513 に答える
0

ドキュメントを読む: http://api.jquery.com/removeClass ;)

//$('.box').removeClass('colour2, colour3, colour4');
$('.box').removeClass('colour2 colour3 colour4');
于 2013-10-22T17:16:26.097 に答える