jQuery将文本添加到div内答案

【问题标题】：jQuery add text to span within a divjQuery将文本添加到div内
【发布时间】：2017-11-15 12:51:14
【问题描述】：

<div id="tagscloud">
       <span></span>
</div>

如何在 span 中添加一些文本，如下面的代码？

<span>**tag cloud**</span>

编辑：实际上 span 有一个 id

<div id="tagscloud"> <span id="WebPartCaptionWPQ2"></span> </div>

【问题讨论】：

标签： jquery

【解决方案1】：

你可以使用：

$("#tagscloud span").text("Your text here");

同样的代码也适用于第二种情况。你也可以使用：

$("#tagscloud #WebPartCaptionWPQ2").text("Your text here");

【讨论】：

【解决方案2】：

小心 - append() 将附加 HTML，如果您一直使用它并且用户将您设为 append('<script>alert("Hello")</script>')，您可能会遇到跨站点脚本问题。

使用text() 将元素内容替换为文本，或使用append(document.createTextNode(x)) 附加文本节点。

【讨论】：

【解决方案3】：

您可以使用append 或prepend

.append() 方法插入指定内容作为最后一个孩子 jQuery 集合中的每个元素（要将其作为第一个孩子插入，请使用 .prepend())。

$("#tagscloud span").append(second);
$("#tagscloud span").append(third);
$("#tagscloud span").prepend(first);

【讨论】：