comment dire jquery pour sélectionner un élément parent, mais pas ses enfants?

Question

Im en utilisant la fonction suivante, cliquez sur un élément:

$('#extras').toggle(function() { 
        $('div#extras').show(); 
        $('div#extras').stop().fadeTo('fast', 1); 
       }, 
       function() { 
        $('div#extras').stop().fadeTo('fast', 0, function() { 
                  $(this).hide(); 
                  }); 
       } 
); 

extras est un div, avec beaucoup d'enfants en elle. Certains sont des boutons. Maintenant, chaque fois que je clique sur l'un des boutons, cela fait disparaître la div parent avec les enfants.

Comment puis-je faire en sorte que la fonction de clic ne se déclenche que si le parent est cliqué, et pas tous ses enfants?

Merci de

Answer 1

Lorsque vous cliquez sur un élément, l'événement click sera déclenché pour tous les éléments parents. Cela peut être arrêté en renvoyant false à partir du gestionnaire d'événements des enfants. Vous devez donc avoir des gestionnaires d'événements pour tous les enfants qui ne doivent pas déclencher l'événement click de votre div et leur renvoyer false. Quelque chose comme ceci:

$("#id-of-button-inside-your-div").click(function() { 
    //Do whatever you need to do 
    return false; 
}); 

Answer 2

Essai avant d'utiliser la méthode children().

$('div#extras').children().show(); 

Answer 3

Si vous masquez le parent, vous CACHEREZ les enfants (décédants) par défaut.

juste pour être complet: le sélecteur pour le parent de l'élément courant est $(this).parent();

Answer 4

Si un div disparaît, tout son contenu disparaît. Si vous devez faire disparaître le parent sans les enfants, vous devez placer les enfants à l'extérieur dans le DOM et, si nécessaire, les placer visuellement à l'intérieur en utilisant CSS.

Answer 5

Essayez ceci:

$('div#extras').find('*').click(function(event){ event.stopPropagation(); }); 

Ainsi, tous les éléments à l'intérieur du div d'ignorer l'événement de clic de la div.