Создание li с jquery

Question

Я создаю элемент li, и мне трудно помещать html в текст элемента. Вот мой код:

var li = $('<li/>') 
    .addClass('moveTF') 
    .attr('data-questionid', tfData[i].id) 
    .attr('data-selected', tfData[i].selected) 
    .text(question); 

вопрос содержит:

<span class="question">Which of the following does <b><i>not</i></b> describe  Washington’s location?</span> 

Ли показывает HTML наценки.

Как получить html для рендеринга?

Answer 1

Используйте метод Html, а не текстовый метод. Текст будет html кодировать все переданное ему.

var li = $('<li/>') 
     .addClass('moveTF') 
     .attr('data-questionid', tfData[i].id) 
     .attr('data-selected', tfData[i].selected) 
     .html(question); 

Answer 2

Вы должны добавить это!

.appendTo("ul"); 

Answer 3

Чтобы разобрать строку как HTML, добавьте его в HTML, и вы можете прикрепить все свойства элемента в процессе создания:

var li = $('<li />', { 
      'class' : 'moveTF', 
      'data-questionid' : tfData[i].id, 
      'data-selected' : tfData[i].selected, 
      html : question 
     });