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

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

.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 });