javascript - 获取不在另一个标签内的元素的 InnerHTML

Question

如果我有

<div id="outside">
   Hello
   <div id="inside">
       Qwertyuiop
   </div>
</div>

如何在不包含内部任何内容或任何其他 HTML 标记的情况下获取外部的 InnerHTML？ (基本上是如何获得“你好”)

Answer 1

1 一个有趣的选项:

这不是一个严肃的答案，它是基于 Darin Morris 的 高度破坏性的答案，但破坏性略小:

// Clone the element
var $clone = $("#outside").clone();

// Remove all the children (leaves text nodes)
$clone.children().remove();

alert($clone.text());

http://jsfiddle.net/TrueBlueAussie/ez4v83v5/4/

同样，我不会推荐这个作为替代方案

2 我认真的回答:

$('#outside')[0].firstChild.nodeValue

但谁知道呢...这种技术可能在某些时候对某些人派上用场 :)