Jquery problème onclick ajouter la classe et la suppression de la classe

premier temps de poster ici. Je suis un débutant en jquery et j'ai couru dans certaines zone grise. J'espère que je peux trouver ma réponse ici et d'apprendre de cela aussi 🙂

J'ai donc disons 10 div. Tous a la même classe. Et à chaque fois que je clique sur le div, il doit ajouter une autre classe (dans ce cas la couleur d'arrière-plan dans le css). Pour ce que j'ai ceci:

$(document).ready(function() {
$(".menucardmenu").click(function(){
        if($(this).hasClass("menucardmenu")) {
               $(this).addClass("backgroundmenucard");
    }
    else {
        alert ("condition false");
    }
  });
});

Mais la question est maintenant, comment puis-je faire qu'une seule div peut avoir la couleur d'arrière-plan (dans mon cas backgroundmenucard). Selon un div qui le clic de l'utilisateur, div aura la couleur d'arrière-plan, et la précédente div (qui a été cliqué) devrait réinitialiser retour à la normale. Je peux le faire avec ce droit?:

$(this).removeClass("backgroundmenucard");

personne ne connais la réponse???

Ce qui concerne,
Andrew

Je pense que le "else" bloc " ne s'exécutera jamais...je me trompe?
non, vous n'êtes pas mal. On peut même dire que vous êtes en droit ;-)

OriginalL'auteur Andrew Ng | 2011-06-11

  1. 4

    essayez ce qui suit: 

    $(".menucardmenu").click(function(){
    $(".backgroundmenucard").removeClass("backgroundmenucard");
     $(this).addClass("backgroundmenucard");
  });

    Démo: http://jsfiddle.net/r2Sua/

    (J'ai supprimer le if parce que c'est inutile dans ce cas)

    C'était exactement ce dont j'avais besoin. Thx à vous. Oui, j'ai été à la recherche dans le if-else je l'ai donc utilisé pour la base. Après que je n'étais pas sûr de ce que le but était depuis que j'ai ça fonctionne déjà

    OriginalL'auteur Sotiris

  2. 2

    D'enlever tous les...

    $(".menucardmenu").removeClass("backgroundmenucard");

    Puis ajouter à this

    OriginalL'auteur wdm

  3. 1
    $(function() //shorthand for document ready
{
    var $divs = $('div.menucardmenu'), //standard jQuery "cache" idiom
        BG_CLASS = 'backgroundmenucard'; //stay DRY, less prone to typos

    $divs.live('click', function() //use .live to bind only 1 event listener
    {   
        //remove the class from all divs
        $divs.removeClass(BG_CLASS);

        //add the class to this div
        $(this).addClass(BG_CLASS);
    }
  });
});

    La if($(this).hasClass("menucardmenu")) case est complètement inutile, puisque vous êtes déjà en sélectionnant les éléments qui ont la classe. Il sera toujours évaluer à true.

    OriginalL'auteur Matt Ball

  4. 0
    $('.menucardmenu').click(function(){
 $('.menucardmenu').removeClass('backgroundmenucard');
 $(this).addClass('backgroundmenucard');
});

    OriginalL'auteur Sunny

  5. 0

    Une autre option serait:

    $(".menucardmenu").not(this).removeClass("backgroundmenucard");
$(this).addClass("backgroundmenucard");

    Cette façon, vous n'avez pas à supprimer et ajouter la classe spécifique (ce) élément

    Vous êtes en train d'ajouter à la classe de this n'importe quoi, donc il n'a pas vraiment faire une différence.

    OriginalL'auteur Thiago Belem