Jquery - sélection d'un élément et de tout ce qu'il contient

Question

J'ai un événement click et une instruction if dans celui-ci comme indiqué ci-dessous.

if (!$(e.target).is("textarea.textobject, div.texteditor")) 
{ 
    // do stuff 
} 

Cela fonctionne mais le problème est le div montré ci-dessous. Lorsque je clique sur la portée ou la table à l'intérieur de la div, cela ne fonctionne pas. J'ai essayé (div.texteditor> *) mais cela ne fonctionne pas. Donc, fondamentalement, je veux être en mesure de sélectionner div.texteditor et d'englober tout à l'intérieur. Est-ce que quelqu'un sait une solution à cela? Je suis sûr que je manque quelque chose ..

Answer 1

Si le gestionnaire d'événements est sur le <div> lui-même, il suffit d'utiliser this au lieu de e.target (qui peut être un enfant), comme ceci:

if (!$(this).is("textarea.textobject, div.texteditor")) 
{ 
    // do stuff 
} 

. ..si à la place que vous voulez vérifier si la cible est partout dans l'un de ces 2 types de sélection, utilisez .closest() et .length, comme ceci:

if ($(e.target).closest("textarea.textobject, div.texteditor").length == 0) 
{ 
    // do stuff 
} 

Depuis .closest() travaux sur les éléments actuels et les parents, c'est assez pratique ici.

Answer 2

Je ne sais pas, mais avez-vous essayé de créer d'autres événements assignés aux éléments à l'intérieur de la div? Quelque chose comme:

if ($(e.target).is("span") && $(e.target).parent("div.texteditor")) 
{ 
    // do stuff 
} 

Je ne sais pas si cela fonctionne, mais il est une idée!

J'espère que cela vous aide. ^^

Si vous souhaitez appliquer à tous les enfants, cela pourrait fonctionner:

if ($(e.target).parent("div.texteditor")) 
{ 
    // do stuff 
}