如何用javascript更改“this”类名？

Question

我有一个包含所有拉丁字母的按钮列表，我想将类名从“m_letter”更改为“m_letter active”，例如我可以切换它们。

我的javascript代码就是这个

$(".m_letter").click(function(){
  $(this).className = "m_letter active"; //This is an example i tried other codes that i found on net.
});

HTML

<li class="m_letter">A</li>
<li class="m_letter">B</li>
<li class="m_letter">C</li>
...
<li class="m_letter">Z</li>

Answer 1

使用addClass

这将在点击时添加课程：

$(".m_letter").click(function(){   $(this).addClass('active'); });

如果您需要先从其他m_letter中删除活动类，请添加此行。

$('.m_letter.active').removeClass('active')

Answer 2

使用.addClass()

$(this).addClass('m_letter active');

Answer 3

由于您使用的是jQuery，因此很容易：

$(this).addClass('active');

在点击处理程序中。

不要使用：

$('.m_letter').addClass('active');

因为这会将所有项目设置为活动状态。

Answer 4

我认为你要找的是：http://jsfiddle.net/CKW25/1/

<强> IS

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