jQuery元素創建錯誤？

Question

所以我試圖在Jquery中動態創建一個元素，然后使用jquery wrap將它包裝在一個更簡單的元素中。 我嘗試了以下操作，但沒有成功：

jQuery('<div />',{
       "class":"b",
       text:"testing"
       }).wrap('<div class="red" />');

jsfiddle

然后經過搜索，我找到了這個問題，這似乎正是我想要的。

不幸的是，該代碼用於放置在創建的元素內部，而不是包裝創建的元素。 我試圖弄亂它，但是到目前為止，在我看來，沒有任何方法可以簡單地包裝Jquery創建的元素。

這是功能中的錯誤嗎？ 還是我錯過了什么？

Answer 1

此代碼段：

jQuery('<div />',{
       "class":"b",
       text:"testing"
       }).wrap('<div class="red" />');

返回對第一個對象（即您創建的div）的引用，而不是對您將其包裝的對象的引用。這是一種可行的替代方法：

var test = jQuery('<div />',{
       "class":"b",
       text:"testing"
       }).wrap('<div class="red" />').parent();
$('#append2').append(test);

Answer 2

您要將包裹的項目附加到另一個元素，這將導致將其從包裹在紅色div內的任何位置刪除。 您要做的是將紅色div附加到元素。 wrap給您返回原始元素，而不是wrapping元素。

var test = jQuery('<div />',{
       "class":"b",
       text:"testing"
       }).wrap('<div class="red" />').parent();
$('#append2').append(test);