jQuery向div中的span添加文本

Question

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

我该如何在像下面代码中的span标签内添加一些文本？

<span>**标签云**</span>

编辑： 实际上，这个span有一个id。

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

- user472285

Answer 1

你可以使用以下代码：

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

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

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

- kgiannakakis

---

是的，但我需要考虑div id，因为此页面上还有其他具有相同id的span。 - user472285

元素不应该拥有相同的ID - 页面上的ID应该是唯一的。 - richsage

我知道 :( 但我无法控制它。开发人员是这么做的...是否有一种方法可以针对带有ID的DIV中的SPAN ID？ - user472285

你应该试着让他们修复这个问题，因为重复的身份证号码可能会造成非常混乱的情况，至少通知他们页面出现了错误 ;) - David Mårtensson

Answer 2

注意 - append() 会添加HTML，如果经常使用它并且用户让您 append('<script>alert("Hello")</script>') ，则可能会遇到跨站脚本问题。

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

- Scarabeetle

Answer 3

你可以使用append或prepend

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

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

- Anwar Chandra