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

Question

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

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

但我怎么能在之前添加呢？

Answer 1

.prepend是您想要的功能。

$("#button").click(function() {
    $( ".text" ).prepend( 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 2

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

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

http://jsfiddle.net/8yukxftb/

Answer 3

你不能只改变那里的文字吗？

中，您的示例似乎没有任何问题

$( ".text" ).text(function(i,txt){ return "Hello " + txt });