单击选项卡

Question

我有三个标签

1. 时间轴
2. 庆祝
3. 资料

当我点击时间轴时，它应显示为白色，其他2个标签应为黄色。就像所有

的替代品一样

但我的编码不起作用，如果我点击庆祝颜色没有改变

示例图片



脚本

$("#tab a").click(function() { 

 $(".listmenu").empty().append("<div id='loading'><img src='images/loader.gif' alt='Loading' /></div>");
    var id = this.href;
    var linkid = this.id;
    $('.tab'+linkid).addClass('men');
    $('.tab'+linkid).removeClass('color');

    $.ajax({ url: id, success: function(html) {

        $(".listmenu").empty().append(html);
        }
    });
    return false;
});
});

HTML＆amp; PHP

            <div class="col-12">
                 <div class="col-2 tab11 men" id="tab"><a href="" id="11" > TIMELINE</a></div>
                 <div class="col-2 tab22 color" id="tab" ><a href=""   id="22">CELEBRATION</a></div>
                 <div class="col-2 tab33 color" id="tab"><a href="" id="33">  PROFILE </a></div>
            </div>

Answer 1

你有3个具有相同身份的div。如果您有多个具有相同id值的元素，则必须使用类而不是id。然后ANd使用jQuery检索此类的值（＆＃39; this＆＃39;）。attr（＆＃39; class＆＃39;）

Answer 2

感谢所有

我只是在脚本中添加以下行

$('.tab11 , .tab22, .tab33').addClass('color');

现在我得到了准确的输出。感谢所有

    $("#tab a").click(function() { 

      $(".listmenu").empty().append("<div id='loading'><img src='images/loader.gif' alt='Loading' /></div>");
      var id = this.href;
      var linkid = this.id;
      $('.tab11 , .tab22, .tab33').addClass('color');

      $('.tab'+linkid).removeClass('color');
      $('.tab'+linkid).addClass('men');

      $.ajax({ url: id, success: function(html) {

        $(".listmenu").empty().append(html);
        }
      });
      return false;
  });