jquery - 从指定的 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");

小提琴

Answer 2

尝试这个：

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

演示

Answer 3

如果您要实现的目标是用可能由 AJAX 调用返回的页面中的 html 覆盖当前页面的一部分，那么给出<ul>anid并执行类似的操作

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