如何在jQuery的.text()函数中插入HTML代码。

Question

我在其他地方找不到这个答案，部分原因是它的关键词非常普通。

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

如何将这个内容以HTML格式打印出来，而不转换尖括号和单引号？

- Derek

Answer 1

利用 jQuery 中提供的 .html 函数，.html()。

例如：

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

在你的情况下

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

- Pranay Rana

Answer 2

.text() 实际上会转义所有 HTML 特殊字符，而 .html() 则不会。

- muxare

Answer 3

使用.html()方法

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

- Marimuthu Madasamy

Answer 4

使用.html()方法

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

- jAndy

Answer 5

使用.html()代替.text()。

- Haim Evgi

Answer 6

你应该使用.html();方法。

- lfx