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"

我需要通过将其包含在span标记中来使“细节”一词变为斜体。我似乎无法弄清楚如何在段落元素中添加span标记。

Answer 1

尝试

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

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

中

所以你的代码就是，

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

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

1 个答案: