jquery - 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"

我需要通过将“详细”一词包装在跨度标记中来使其斜体。我似乎无法弄清楚如何在段落元素中添加跨度标签。

Answer 1

尝试

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

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

所以你的代码是，

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