Question

我需要添加＆amp;单击锚标记时删除类。

 <div class="activeTab">
    <a href="#." class="active">Active</a>
    <a href="#.">Inactive</a>
</div>

以上div有两个锚标签＆amp; “活跃”＆amp; “非活动”一个人有一个“活跃”的类。我的要求是需要在点击“非活动”锚标记＆amp;中删除该“活动”类。将“活动”类添加到单击的“非活动”锚点，如果我再次单击“活动”锚点，则类将删除“非活动”锚点和将添加到“活动”锚点。用jquery。

Answer 1

$('div.activeTab a').click(function(){
    var $this = $(this);
    $this.parent().find('a').removeClass('active');
    $this.addClass('active');
})

Answer 2

试试这个

$('div.activeTab a').click(function () {
  var $this = $(this);
   $this.siblings().removeClass();
   if ($this.hasClass('active')) {
      $this.removeClass('active').addClass('inactive')
   } else {
      $this.removeClass('inactive').addClass('active');
  }

})

working fiddle here

Answer 3

如果我心存不好......

我重新制作了一个旧的lil片段做你想要的（或者我想你想要的）xDD

对不起我的英文，我很难写上它。

HTML

<div class="container">

  <div class="activeTab">
      <a href="#." class="button_active">Active</a>
      <a href="#." class="button_inactive">Inactive</a>
  </div>

</div>

CSS

.activeTab { width:100%; padding:30px 0 20px 0; background:#fff; } 
.active { background: #f0f0f0; }

JS

$(function() { $( ".button_active" ).click(function() {

$( ".activeTab" ).addClass("active");

return false; }); });

$(function() { $( ".button_inactive" ).click(function() {

$( ".activeTab" ).removeClass("active");

return false; }); });

您可以在JSFiddle http://jsfiddle.net/aritz81/74bGe/1/

上看到一个有效的演示

积极的＆amp;非活动类添加＆amp;去掉

3 个答案: