jquery - 通过jquery从主DIV获取带有html标签的文本？

Question

如何获取带有 html 标签的文本，但只能从主 DIV 获取？不形成其他 DIVS。

这是示例，但存在一些问题，因为文本没有 html 标签 < br />

jsFiddle 演示

HTML

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

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

jQuery

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

Answer 1

我更新了你的小提琴并使用了不同的策略来删除最后一个元素

http://jsfiddle.net/F6AeM/1/

var parent = $('#parent').clone();
$(parent).find('#child-parent').remove();
alert($(parent).html());

不知道为什么这有效，但你的没有，但你去。

Answer 2

假设child-parent并且child将永远有一个id

var clone = $('#parent').clone();
clone.children().filter(function () {
    return $(this).is('[id]');
}).remove();

console.log(clone.html());

演示---> http://jsfiddle.net/F6AeM/5/