Wie fügt man eine Klasse mit jQuery hinzu?

Question

Ich habe eine kleine Funktion erstellt, deren Aufgabe es ist, der Klasse in

• hinzuzufügen, wenn wir auf
• klicken, aber ich möchte das entfernen, wenn es bereits mit

• vorhanden ist.

      <!--
      body {
        color:#000000;
        background-color:#FFFFFF;
      }
      a  { color:#0000FF; }
      a:visited { color:#800080; }
      a:hover { color:#008000; }
      a:active { color:#FF0000; }
      -->
  
      $(function(){
  
      $('.main').find('li').each(function(){
  
      $(this).live('click', function (){
  
      $(this).addClass('active')
  
      })
  
      })
  
      })
  
    erstes
  
    zweites
      drittes
        viertes

Answer 1

Sie können einfach toggleClass verwenden. Dadurch wird es bei Bedarf hinzugefügt oder entfernt

$('.main li').live('click',function(){
  $(this).toggleClass('active');
});

Wenn Sie diese Klasse irgendwo anders entfernen möchten, können Sie eine zusätzliche Zeile hinzufügen:

$('.main li').live('click',function(){
  $('.main li.active').removeClass('active')
  $(this).addClass('active');
});

Answer 2

Verwenden Sie die jQuery-Funktion .toggleClass.

$('.main li').click( function(){
  $(this).toggleClass('active');
}); 

Das sollte den Trick machen ;) http://api.jquery.com/toggleClass/

Answer 3

Besser können wir die Methoden .on() oder .delegate() verwenden:

Die Verwendung der Methode .live() wird nicht mehr empfohlen, da spätere Versionen von jQuery bessere Methoden bieten, die nicht seine Nachteile haben. Insbesondere treten die folgenden Probleme bei der Verwendung von .live() auf:

https://api.jquery.com/live/

$('#showDiv').on('click',function(){
  $(this).toggleClass('active');
});

Answer 4

Dies wird funktionieren, versuche es...

$("#button").click(function(){

 $(".addclass").addClass("add");
})

$("#button2").click(function(){

 $(".addclass").removeClass("add");

})

.add{
color:red;
}

Beispielsatz, um eine Klasse hinzuzufügen
Klasse hinzufügen
Klasse entfernen