添加html标签到变量jQuery的结果

Question

在这段代码中是我想要实现的。我注重的部分是

'<span class="chosen">' + title + changed + '</span>'; 

当然这是烂笔头，因为<span></span>将不被显示为html标签，但文字。

代码：

$(window).load(function() { 
    $('.variations-table .select-option a').click(function() { 
     var title = $('.variations-table td label').text() + (' Chosen: '); 
     var change = $(this).attr("title"); 
     var phrase = '<span class="chosen">' + title + change + '</span>'; 
     $('.main-image h5').text(phrase); 
    }) 
}); 

我应该如何更改代码有<span>标签作为HTML标记传递？

谢谢。

Answer 1

以及使用html() ..instead的text()。

var phrase =$('<span />',{class:"chosen",text:title + change}); 
$('.main-image h5').html(phrase); 

Answer 2

变线

$('.main-image h5').text(phrase); 

到

$('.main-image h5').html(phrase); 

Answer 3

$('.main-image h5').html(phrase); 

.html()采取一切里面的HTML。即使简单的文字。

.text()设置元素的文本属性。

相似.val()用于设置元素的“value”属性。

Answer 4

不使用text(phrase)使用html(phrase)