jQuery: как добавить HTML в динамически созданный div

Question

Я использую следующую функцию для создания div динамически, который отлично работает до сих пор.

Как я могу добавить HTML в этот div, где я говорю «text: userName»? В частности, я хотел бы добавить значок Bootstrap (<i class="icon-sign-blank"></i>) перед именем пользователя, но при попытке это просто добавляет HTML как текст, а не форматирует его как значок. (Bootstrap установлен правильно.)

function addUser() 
{ 
var userName = $('#userName').val(); 
var userElementId = getId(userName); 

$('<div/>', { 
    text: userName, 
    id: userElementId, 
    onmouseover: "function1('" + userName + "', this)", 
    onmouseout: "function2()", 
}).addClass('user').appendTo('#parentDiv'); 

if (nameCtrl) { 
    nameCtrl.GetStatus(userName, 'users'); 
} 

$('#userName').val(''); 
} 

Большое спасибо за любую помощь с этим, Тим

Answer 1

Изменить text: на html: и добавить значок до имени пользователя.

$('<div/>', { 
    html: '<i class="icon-sign-blank"></i> '+userName, 
    id: userElementId, 
    onmouseover: "function1('" + userName + "', this)", 
    onmouseout: "function2()", 
}).addClass('user').appendTo('#parentDiv'); 

Answer 2

Вы настраиваете текст: attribte. Попробуйте установить html: атрибут с помощью html, который вы хотите.

Answer 3

попробовать что-то вроде этого

var div = '<div><i class="icon-sign-blank"></i>'+userName+'</div>'; 
$(div, { 
    id: userElementId, 
    onmouseover: "function1('" + userName + "', this)", 
    onmouseout: "function2()", 
}).addClass('user').appendTo('#parentDiv');