Obtener el contenido de un elemento SIN sus hijos

Question

Tengo una preferencia leve para resolver esto en JS puro, pero si la versión de jQuery es más simple, entonces jQuery también está bien. Efectivamente la situación es así

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

que efectivamente quiero llegar
The info I want
pero no
The info I want I don't want any of this nonsense
y yo especialmente no quiero
The info I want <span id="notthisone"> I don't want any of this nonsense </span>
que por desgracia lo que yo estoy haciendo la derecha ahora ...

¿Cómo haré esto?

Answer 1

Con sólo JS:

Pruébelo:http://jsfiddle.net/g4tRn/

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

​alert(result);​ 

con jQuery:

Pruébalo:http://jsfiddle.net/g4tRn/1

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

alert(result);​ 

Bono:

Si hay otros nodos de texto en el <span> exterior que desea obtener, se puede hacer algo como esto:

Pruébelo: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

¿Has intentado algo como ésto?

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

Answer 3

Si solo quiere el primer hijo, entonces es bastante simple. Si está buscando el primer elemento de solo texto, este código necesitará algunas modificaciones.

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