0

基本的に、クリック時にクラスを置き換えたいdivブロックがあります。

私のHTML：

<div class="lol">       
</div>

私のjQueryコード：

$('.lol').toggleClass('troll');

これは以下を出力します：

<div class="lol troll">
</div>

クラス名lolをtrollに完全に置き換えるにはどうすればよいですか？

4

5 に答える 5

5

.removeClass()メソッドを使用する

$('.lol').removeClass('lol').addClass('troll');
于 2012-12-11T12:56:05.613 に答える
1

1つのクラスのみを別のクラスに置き換えたい場合は、次を使用できます。

$(".lol").removeClass("lol").addClass("troll");
于 2012-12-11T13:01:12.313 に答える
0

removeClass「トロール」の前に「笑」するかaddClass、両方を切り替えます。

$('.lol').toggleClass('lol').toggleClass('troll');
于 2012-12-11T12:58:08.477 に答える
0

両方のクラスを切り替えることができます

$('.lol').toggleClass('troll').toggleClass('lol'​);​

そして、あなたはこのようにそれをさらに短くすることができます

$('.lol').toggleClass('troll lol');​

デモ（アラートボックスには、結果ウィンドウの本文の内容が表示されます）

于 2012-12-11T12:58:21.253 に答える
0

複数のクラス名を1つだけに置き換えたい場合は、次のようにすることができます...

$(".lol").attr("class", "troll");

クラス名を書き換えるだけです。

于 2012-12-11T13:00:22.453 に答える