JQUERY，TEXT，将LI附加到包含SPAN的列表中？

Question

这是我目前的代码行：

$("<li>").text($(this).text()).appendTo("#theList");

结果是

<ul id="theList">
<li>blah</li>
<li>blah</li>
</ul>

如何更新上面的代码导致：

<ul id="theList">
<li><span>blah</span></li>
<li><span>blah</span></li>
</ul>

Answer 1

有两种方法可以做到这一点。我从上一个问题中得知您从一个范围获取此数据，在这种情况下您可以clone()：

$("span.findme").clone().appendTo("#theList");

您可能想删除该课程：

$("span.findme").clone().removeClass("findme").appendTo("#theList");

或者使用each()：

$("span.findme").each(function() {
  var span = $("<span>").text($(this).text());
  $("<li>").append(span).appendTo("#theList");
});

Answer 2

你可以使用wrap：

$("<li>").text($(this).text()).wrap("<span></span>").appendTo("#theList");