jQuery - obtener el texto para el elemento sin hijos texto

Question

por ejemplo tenemos este archivo

<div id="mydiv"> 
    some text here 
    <div id="inner div"> 
     text for inner div 
    </div> 
</div> 

Necesito conseguir #mydiv sólo texto con un poco de código como este:

alert($('#mydiv').text()); // will alert "some text here" 

Answer 1

bueno probar esto, por favor" : http://jsfiddle.net/MtVxx/2/

buen enlace para su caso específico aquí: http://viralpatel.net/blogs/jquery-get-text-element-without-child-element/ (Esto sólo se conseguirá el texto del elemento)

Espero que esto ayude, :)

código

jQuery.fn.justtext = function() { 

    return $(this).clone() 
      .children() 
      .remove() 
      .end() 
      .text(); 

}; 

alert($('#mydiv').justtext());​ 

Answer 2

El momento accepted answer es bastante horrible en términos de rendimiento, por lo que me sentí obligado a escribir una más ligera uno:

$.fn.mytext = function() { 
    var str = ''; 

    this.contents().each(function() { 
     if (this.nodeType == 3) { 
      str += this.textContent || this.innerText || ''; 
     } 
    }); 

    return str; 
}; 

console.log($('#mydiv').mytext());​