Comment obtenir le nœud texte d'un élément?

Question

   Je suis un noeud de texte
   Edit

Je souhaite obtenir le "Je suis un noeud de texte", ne souhaite pas supprimer la balise "edit", et avoir une solution compatible cross-browser.

Answer 1

var texte = $(".title").contents().filter(function() {
  return this.nodeType == Node.TEXT_NODE;
}).text();

Cela récupère les contents de l'élément sélectionné, et lui applique une fonction de filtre. La fonction de filtre ne retourne que les noeuds texte (c'est-à-dire ceux avec nodeType == Node.TEXT_NODE).

Answer 2

Vous pouvez obtenir la valeur du nodeValue du premier childNode en utilisant

$('.title')[0].childNodes[0].nodeValue

http://jsfiddle.net/TU4FB/

Answer 3

Si vous voulez obtenir la valeur du premier nœud de texte dans l'élément, ce code fonctionnera :

var oDiv = document.getElementById("MyDiv");
var firstText = "";
for (var i = 0; i < oDiv.childNodes.length; i++) {
    var curNode = oDiv.childNodes[i];
    if (curNode.nodeName === "#text") {
        firstText = curNode.nodeValue;
        break;
    }
}

Vous pouvez voir cela en action ici : http://jsfiddle.net/ZkjZJ/

Answer 4

.text() - pour jquery

$('.title').clone()    //cloner l'élément
.children() //sélectionner tous les enfants
.remove()   //supprimer tous les enfants
.end()  //retourner à l'élément sélectionné
.text();    //obtenir le texte de l'élément

Answer 5

Cela ignorera également les espaces, donc, vous n'avez jamais obtenu les nœuds de texte vides.. code utilisant JavaScript de base.

var oDiv = document.getElementById("MyDiv");
var firstText = "";
for (var i = 0; i < oDiv.childNodes.length; i++) {
    var curNode = oDiv.childNodes[i];
    whitespace = /^\s*$/;
    if (curNode.nodeName === "#text" && !(whitespace.test(curNode.nodeValue))) {
        firstText = curNode.nodeValue;
        break;
    }
}

Vérifiez sur jsfiddle : - http://jsfiddle.net/webx/ZhLep/