jquery question traversal arbre

Question

$('.field').blur(function() 
    $('*').not('.adress').click(function(e) { 
       foo = $(this).data('events').click; 
       if(foo.length <= 1) { 
    //    $(this').next('.spacer').children().removeClass("visible"); 
       } 
       $(this).unbind(e); 
     }); 
}); 

J'essaie de supprimer une classe « visible, chaque fois que je suis bluring un champ classé .field, à moins que si je clique sur un élément avec le .adress de classe.

Le champ flou et adresse-clic fonctionne comme il se doit (je l'ai fatigué avec alerte) mais pas la suppression de classe, est-ce que quelqu'un sait pourquoi?

La suppression des travaux de classe si la fonction not ("adresse") est enlevé! Comme ceci:

$('.field').blur(function() { 
    (this).next('.spacer').children().removeClass("visible"); 
}); 

Answer 1

J'essaie de supprimer une classe « visible, chaque fois que je suis bluring un champ classé .field, à moins que si je clique sur un élément avec le

.adress classe.

Ceci est assez délicat Ce que votre code actuel fait, c'est qu'il lie un gestionnaire d'événements click chaque fois que vous flouez un élément avec la classe field. de faire cela est d'écouter focus événements et connectez-vous quel élément a reçu l'accent, takin g Action sur l'élément précédemment actif si vous le souhaitez:

$(document).ready(function(){ 
    var curFocus; 

    $(document.body).delegate('*','focus', function(){ 
     if ((this != curFocus) && // don't bother if this was the previous active element     
      ($(curFocus).is('.field')) && // if it was a .field that was blurred 
      ($(this).is('.adress')) // the newly focused field is an .adress 
     ) { 
      $(curFocus).next('.spacer').children().removeClass("visible"); // take action based on the blurred element 
     } 

     curFocus = this; // log the newly focussed element for the next event 
    }); 
}); 

Ceci a probablement de très mauvaises performances. Si vous n'êtes pas inquiet de la compatibilité entre navigateurs, en particulier pour les anciennes versions, document.activeElement peut vous intéresser.

Answer 2

vous avez une citation supplémentaire après //$(this. vous n'avez pas besoin de citer la variable this.

En outre, votre sélecteur * peut être simplifié pour $(':not(.address)')

Pouvez-vous donner un exemple de votre HTML?