How to put html in jquery .text()

Question

I couldn't find this anywhere, partly because it's keywords are pretty common. Can somebody help me with this pretty simple question?

$('.pause_button').text('<img src="../imgs/icons/control_pause_blue.png" alt="Resume" /> Resume');

I want it to print this as html and not convert the brackets and apostrophes? Thanks!

Answer 1

Make us of .html function avaialble in jquery

.html()

for example :

$('div.demo-container').html('<p>All new content. <em>You bet!</em></p>');

in your case

$('.pause_button').html('<img src="../imgs/icons/control_pause_blue.png" 
alt="Resume" /> Resume');

Answer 2

Use .html()

$('.pause_button').html('<img src="../imgs/icons/control_pause_blue.png" alt="Resume" /> Resume'); 

Answer 3

use .html() instead of text

Answer 4

You should use .html();.

Answer 5

use .html()

$('.pause_button').html('<img src="../imgs/icons/control_pause_blue.png" alt="Resume" /> Resume');

Answer 6

.test() actualy escapes all html spesific chars, .html() don't