jQuery: exclure $ (this) du sélecteur

J’ai quelque chose comme ceci:

A
B
C

Lorsque l’un de ces liens est cliqué, je veux exécuter la fonction .hide () sur les liens sur lesquels on n’a pas cliqué. Je comprends que jQuery a le: pas de sélecteur, mais je ne peux pas comprendre comment l’utiliser dans ce cas car il est nécessaire que je sélectionne les liens en utilisant $(".content a")

Je veux faire quelque chose comme

 $(".content a").click(function() { $(".content a:not(this)").hide("slow"); }); 

mais je ne peux pas comprendre comment utiliser le sélecteur: not dans ce cas.

    Essayez d’utiliser la méthode not() au lieu du sélecteur :not() .

     $(".content a").click(function() { $(".content a").not(this).hide("slow"); }); 

    Vous pouvez utiliser la fonction not plutôt que le :not sélecteur:

     $(".content a").not(this).hide("slow") 

    Vous pouvez également utiliser la .siblings() jQuery .siblings() :

    HTML

     
    A B C

    Javascript

     $(".content").on('click', 'a', function(e) { e.preventDefault(); $(this).siblings().hide('slow'); }); 

    Démo de travail: http://jsfiddle.net/wTm5f/

    Vous devez utiliser la méthode “siblings ()”, et empêcher l’exécution du sélecteur “.content a” encore et encore, simplement pour appliquer cet effet:

    HTML

     
    A
    B
    C

    CSS

     .content { background-color:red; margin:10px; } .content.other { background-color:yellow; } 

    Javascript

     $(".content a").click(function() { var current = $(this).parent(); current.removeClass('other') .siblings() .addClass('other'); }); 

    Voir ici: http://jsfiddle.net/3bzLV/1/