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文本的东西。我该怎么用？

在我得到答案后，我在link找到了一个教程。应该对类似的任务有所帮助。

Answer 1

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

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

Answer 2

使用.html()或.text()获取现有内容，然后将其添加到一起。

var html = $("#submitMsg").html();
html = selectButton + html;
$("#submitMsg").html(html);

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

2 个答案: