jquery selector - Sélectionnez la valeur qui ne se trouve pas dans une autre balise imbriquée

Question

Est-il possible de sélectionner la valeur d'une balise qui ne se trouve pas dans une autre balise imbriquée?

Par exemple dans le code suivant je veux obtenir 'Texte que je veux sélectionner' de $ ('# example').

<td id="example"> 
    <a> Text I don't want to select</a> 
    <span> Other text I don't want to select</span> 
    Text I want to select 
    <anyOtherTag> Other text I don't want to select</anyOtherTag> 
</td> 

Merci.

Answer 1

Vous pouvez utiliser .contents() et .filter() vers le bas pour les types de noeud texte (nodeType == 3), comme celui-ci:

var text = $("#example").contents().filter(function() { 
       return this.nodeType == 3; 
      }).text(); 
alert($.trim(text)); 

You can try it out here. puisque .text() obtient tous les nœuds de texte, y compris l'autre espace, vous voulez probablement $.trim() (puisque IE < 9 n'a pas String.trim()) le résultat comme je l'ai ci-dessus.