JQuery: вернуть HTML от div, а не детей

Question

Если я нажму #parent, я хочу вернуть текст внутри него, а не вернуть текст внутри вложенного
слои (#child-parent, #child)

<div id='parent'>
   this text is for parent

   <div id='child-parent'> 
     this text if for child-parent  

       <div id='child'>
        and this text is for child.   
       </div>   

   </div>

</div>

это:
$('#parent').html() = "this text is for parent"

а не это:
$('#parent').html() = "this text is for parent this text is for child-parent and this text is for child"

Answer 1

Если структура всегда выглядит так, вы можете позвонить:

var mytext = $('#parent').contents().first().text();

Пример: http://www.jsfiddle.net/YjC6y/

Answer 2

Вы можете получить это следующим образом:

$('#parent').clone().children().remove().end().html()

Вы можете проверить это здесь , вы можете захотеть сделать звонок $.trim(), вот так .

Еще одна альтернатива - это циклическая обработка текстовых узлов, например:

$('#parent').contents().filter(function() { return this.nodeType == 3; }).text()

Вы можете проверить это здесь или урезанная версия здесь .