jQuery 在要添加到 DOM 的段落元素中添加一个 span 元素

Question

我正在尝试使用 jQuery DOM 元素向 div 添加几个段落。这是执行此操作的代码，它可以正常工作:

$('#detail_overlay').append($('<p/>', { "class" : "detail_txt" })
  .text( $('#data_div').data('paint_name') + " detail, " + $('#data_div').data('paint_date') ))
  .append($('<p/>', { "class" : "detail_txt" })
  .text( $('#data_div').data('paint_dim' )));

输出如下:

Freight Vessel on Puget Sound detail, 2013
40" x 26"

我需要将“detail”这个词包装在一个 span 标签中，使其变为斜体。我似乎无法弄清楚如何在段落元素中添加 span 标签。

Answer 1

尝试

 + " <i>detail, </i>" + 

而不是将其包装到 .text() 将其包装到 .html()

所以你的代码会是，

.html( $('#data_div').data('paint_name') + "<i> detail</i>, " + 
$('#data_div').data('paint_date') ))