如何使用jQuery将文本插入div中的现有文本中

Question

我正在使用带有jsp的jQuery 1.8.2,并且我试图将文本动态插入到div中.这是我尝试过的:

var selectButton = "Your " + $(this).val();
alert("The selectButton value is: ")
$('#submitMsg').prepend(selectButton);
$('#submitMsg').show();
    ...         

<p/>
<div id="submitMsg" style="display: none;"><h3> request is being submitted..</h3></div>
<p/>
<div id="trueDiv" style="display: none;"><h3> request was successful!</h3></div>
<div id="falseDiv" style="display: none;"><h3> request was not successful!</h3></div>

我想根据点击的提交按钮动态传递哪个请求到消息div.然后我想使用相同的文本值并将其插入到请求消息确认中,基于Web服务调用的结果,仍然使用相同大小的字体,但我一直无法做到这一点.

使用.prepend似乎没有很好地合并文本,所以我需要一些能直接将它插入div文本的东西.我该怎么用？

在我得到答案后,我在这个链接上找到了一个教程.应该对类似的任务有所帮助.

Answer 1

而不是.prepend使用.text或.html. .prepend用于DOM元素,而不是字符串.您可以保留当前文本的其余部分,如下所示:

$("#submitMsg").html("Your " + $(this).val() + $("#submitMsg").html());