CODEWITHSUNDEEP
jquery
user472285
user472285

Reputation: 2674

jQuery add text to span within a div

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

How would I do to add some text within the span like code below ?

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

Edit: actually the span has an id

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

Upvotes: 63

Views: 261294

Answers (3)

Scarabeetle
Scarabeetle

Reputation: 535

Careful - append() will append HTML, and you may run into cross-site-scripting problems if you use it all the time and a user makes you append('<script>alert("Hello")</script>').

Use text() to replace element content with text, or append(document.createTextNode(x)) to append a text node.

Upvotes: 20

kgiannakakis
kgiannakakis

Reputation: 104168

You can use:

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

The same code will also work for the second case. You could also use:

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

Upvotes: 141

Anwar Chandra
Anwar Chandra

Reputation: 8638

You can use append or prepend

The .append() method inserts the specified content as the last child of each element in the jQuery collection (To insert it as the first child, use .prepend()).

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

Upvotes: 18

Related Questions