Как получить тексты без текстов дочерних элементов

Question

Я хочу получить тексты в своем div, но не тексты в дочернем div.

Я

HTML

<div id='textDiv'> 
     texts I want to get 
      <span id='textChildDiv'> 
      texts I don't want 
      </span> 
    </div> 

JQuery

$('#textDiv').click(function(){ 
     alert($(this).text()) //will get 'texts I want to gettexts I don't want' 
     //I only want 'texts I want to get' to be returned. 
    }) 

Я нашел

http://viralpatel.net/blogs/jquery-get-text-element-without-child-element/

для моих soulution бушель Кажется, что есть лучший подход, чем его способ.

Любые идеи? Большое спасибо!

Answer 1

Попробуйте использовать

$('#textDiv').click(function(){ 

    alert($(this).contents().filter(function() { 
     return this.nodeType === 3; 
     }).text()) 
});​ 

Как и в этой скрипкой: http://jsfiddle.net/jQf6d/

Answer 2

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

DEMO:http://jsfiddle.net/VcghZ/

Answer 3

.contents Попробуйте использовать и получать текстовый узел в одиночку. Смотрите ниже,

DEMO:http://jsfiddle.net/pyaAN/

var result = ''; 
    $('#textDiv').contents().each(function() { 
     if (this.nodeType == 3 && $.trim($(this).text()).length > 0) { 
      result += this.nodeValue; 
     } 
    });