jQueryのwrapAllは期待通りに動作しない

Question

私は例えば、他の要素とその場で作成されている要素の生成されたシリーズをラップしようとしています：私の予想結果は

<ul> 
    <li>test1</li> 
    <li>test2</li> 
</ul> 

var innerHtmlAsText = "<li>test1</li><li>test2</li>"; 
var wrapper = "<ul />"; 

$("div#target").append($(innerHtmlAsText).wrapAll(wrapper)); 

ある

実際の結果は次のとおりです。

<li>test1</li> 
<li>test2</li> 

li要素はラップされません。私のインスタンスでは、innerHtmlはユーザー生成テンプレートからオンザフライで生成され、ラッパーは別途提供されます。内側の値をラップするにはどうすればよいですか？

Answer 1

wrapAllは、元のjQueryオブジェクトを返します。新しいオブジェクトではありません。だから、wrapAllはwrapAllが呼び出されたオブジェクトなので、<li>を返しています。

はこれを試してみてください：wrapAllは、ラッパーを返しますが、それは（最もjQueryの関数など）に適用し、元のオブジェクトはありませんので、

$("div#target").append($(innerHtmlAsText).wrapAll(wrapper).parent()); 

Answer 2

起こること。

使用.parent()は、それが唯一の.append()でも可能..です

$("div#target").append($(innerHtmlAsText).wrapAll(wrapper).parent()); 

Answer 3

ul要素を取得します。

var innerHtmlAsText = "<li>test1</li><li>test2</li>"; 
var wrapper = "<ul/>"; 

$("div#target").append($(wrapper).append(innerHtmlAsText)); 

DEMO