用jquery创建一个li

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>

li显示了html标记。

如何让HTML呈现？

Answer 1

要将字符串解析为HTML，请将其添加为html，并且可以在创建期间将所有属性附加到元素：

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

Answer 2

使用Html方法而不是文本方法。 文本将html编码传递给它的所有内容。

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

Answer 3

你必须追加它！

.appendTo("ul");