Obtention du contenu d'un élément SANS ses enfants

Question

J'ai une légère préférence pour résoudre ce problème en JS pur, mais si la version de jQuery est plus simple, alors jQuery est bien aussi. En effet, la situation est comme ça

<span id="thisone"> 
The info I want 
<span id="notthisone"> 
    I don't want any of this nonsense 
</span> 
</span> 

Je veux effectivement obtenir
The info I want
mais pas
The info I want I don't want any of this nonsense
et je ne veux surtout pas
The info I want <span id="notthisone"> I don't want any of this nonsense </span>
qui est malheureusement ce que je reçois à droite maintenant ...

Comment est-ce que je ferais ceci?

Answer 1

Avec js seulement:

Essayes:http://jsfiddle.net/g4tRn/

var result = document.getElementById('thisone').firstChild.nodeValue;  

​alert(result);​ 

Avec jQuery:

Essayez-:http://jsfiddle.net/g4tRn/1

var result = $('#thisone').contents().first().text(); 

alert(result);​ 

Bonus:

S'il y a d'autres nœuds de texte dans la <span> externe que vous voulez obtenir, vous pouvez faire quelque chose comme ceci:

Essayez-:http://jsfiddle.net/g4tRn/4

var nodes = document.getElementById('thisone').childNodes; 
var result = ''; 

for(var i = 0; i < nodes.length; i++) { 
    if(nodes[i].nodeType == 3) {  // If it is a text node, 
     result += nodes[i].nodeValue; // add its text to the result 
    } 
} 

alert(result); 
​ 

Answer 2

Avez-vous essayé quelque chose comme ça?

var thisone = $("#thisone").clone(); 
thisone.children().remove(); 
var mytext = thisone.html(); 

Answer 3

Si vous voulez juste le premier enfant, alors c'est plutôt simple. Si vous recherchez le premier élément textuel, ce code devra être modifié.

var text = document.getElementById('thisone').firstChild.nodeValue; 
alert(text); 

Answer 4

DE: http://viralpatel.net/blogs/2011/02/jquery-get-text-element-without-child-element.html

$("#foo") 
     .clone() //clone the element 
     .children() //select all the children 
     .remove() //remove all the children 
     .end() //again go back to selected element 
     .text(); //get the text of element