从指定的html字符串中选择元素

Question

全部，假设你有一个像下面这样的Html字符串。我想从中选择所有li元素，然后将它们附加到ul。

var sHtml="<li>..</li><li>..</li><li>..</li><li>..</li><span>xxx</span>";
$("#myUl").append($("li",$(sHtml)));

但是这段代码不起作用。有什么方法可以使用jquery吗？

Answer 1

试试这个，

var sHtml="<li>..</li><li>..</li><li>..</li><li>..</li><span>xxx</span>";
$(sHtml).not('span').appendTo("#myUl");

Fiddle

Answer 2

试试这个：

var sHtml="<li>..</li><li>..</li><li>..</li><li>..</li><span>xxx</span>";
var htm = $(sHtml);
$("#myUl").append(htm).find("span").remove();

DEMO

Answer 3

如果您要实现的目的是使用可能是AJAX调用返回的页面的html覆盖当前页面的一部分，那么请<ul> id并执行类似

$("#myliID").html($(returnedPage).find("#myliID").html());