基本上,我有一个 div 块,我想在点击时替换它的类。
我的 HTML:
<div class="lol">
</div>
我的 jQuery 代码:
$('.lol').toggleClass('troll');
这输出:
<div class="lol troll">
</div>
如何用 troll 完全替换类名 lol?
基本上,我有一个 div 块,我想在点击时替换它的类。
我的 HTML:
<div class="lol">
</div>
我的 jQuery 代码:
$('.lol').toggleClass('troll');
这输出:
<div class="lol troll">
</div>
如何用 troll 完全替换类名 lol?
使用.removeClass()
方法
$('.lol').removeClass('lol').addClass('troll');
如果您只想用另一个类替换一个类,您可以使用:
$(".lol").removeClass("lol").addClass("troll");
如果您想用一个替换多个类名,您可以执行以下操作...
$(".lol").attr("class", "troll");
它只是重写类名。
removeClass
在“巨魔”之前“大声笑” ,或者addClass
同时切换它们:
$('.lol').toggleClass('lol').toggleClass('troll');
您可以切换两个类
$('.lol').toggleClass('troll').toggleClass('lol');
你可以像这样更短
$('.lol').toggleClass('troll lol');
演示(警报框显示结果窗口正文中的内容)