jQuery Добавить элемент span в элементе абзаца, который добавляется в DOM

Question

jQuery Добавить элемент span в элементе абзаца, который добавляется в DOM

0

Используя элементы 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 в элемент абзаца.

sage88 20 сен. 2013, в 06:41

Источник

Теги:

jquery

html

css

1 ответ

Ещё вопросы

Dipesh Parmar · Accepted Answer · 2013-09-20T02-21-00.000Z

Пытаться

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

и вместо того, чтобы обернуть его в .text() заверните в .html()

Таким образом, ваш код будет,

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

Хорошо, я знал, что могу сделать это с помощью .html (), просто надеялся, что есть другой способ. Так как я не могу понять это, и все толкают меня в направлении .html (), я просто пойду по этому пути.