Wie die Registerkarte Farbe ändern, wenn ich auf der Registerkarte klicken

Question

ich drei Registerkarten hatte

1. Timeline
2. Celebration
3. Profil

wenn ich auf Timeline klicken, es mit weißen gezeigt sollten Farbe und andere 2 Tabs sollten in gelber Farbe sein. Wie die Alternative für alle

Aber meine Codierung nicht funktioniert, wenn ich Feier klicken, um die Farben nicht verändert

Beispielbild

Script

$("#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 & 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

Vielen Dank an alle

i fügen Sie einfach die unten Linie in Skript

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

Jetzt i bekam die genaue Ausgabe. Danke an alle

$("#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; 
    }); 

Answer 2

Sie haben 3 div mit der gleichen ID. Sie müssen eine Klasse anstelle einer ID verwenden, wenn Sie mehrere Elemente mit demselben ID-Wert haben. Und Abrufen dann den Wert dieser Klasse mit jQuery ('this'). Attr ('class')