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>anを指定idして次のようなことを行います。

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