Используя элементы 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 в элемент абзаца.
Пытаться
+ " <i>detail, </i>" +
и вместо того, чтобы обернуть его в .text()
заверните в .html()
Таким образом, ваш код будет,
.html( $('#data_div').data('paint_name') + "<i> detail</i>, " +
$('#data_div').data('paint_date') ))