javascript - 如何在元素的原始文本之前添加文本

Question

我正在尝试在元素的原始文本之前添加一些文本。
现在，我知道在原始内容之后插入文本，我可以使用 createTextNode 来完成，如下例所示:

$("#button").click(function() {
    $( ".text" ).append( document.createTextNode( " Hello" ) );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<button id="button">Button</button>
<div class="text"> Some random text</text>

但是我怎样才能在之前添加它呢？

Answer 1

您需要使用前置功能。另外，不需要createTextNode。

$("#button").click(function() {
    $( ".text" ).prepend(" Hello");
});

http://jsfiddle.net/8yukxftb/