Javascript Can'；t使用选择器包装jQuery对象 $（“

Hi Mom

”）.wrap（“#foo”）； 演示： 我的意图是将新创建的HTML放在

#foo

的内部（并保留对新创建的HTML的引用以供进一步调用）。似乎告诉我，我应该能够传递一个选择器作为参数。但最终的结果是文件没有任何变化

---

wrap（）

到底在做什么？如何在保留链接调用对页面的引用的同时，向页面中注入新的HTML？（提示：我是说

$（'#foo'）.html（…）

不是一个解决方案。）

我想你要找的是，它将返回新创建的元素

var $el = $('<p>Hi Mom</p>').appendTo('#foo');

var$el=$（“Hi Mom
”）.appendTo（“#foo”）；

---

演示：

我想您需要的是，它将返回新创建的元素

var $el = $('<p>Hi Mom</p>').appendTo('#foo');

var$el=$（“Hi Mom
”）.appendTo（“#foo”）；

---

演示：

我想您需要的是，它将返回新创建的元素

var $el = $('<p>Hi Mom</p>').appendTo('#foo');

var$el=$（“Hi Mom
”）.appendTo（“#foo”）；

---

演示：

我想您需要的是，它将返回新创建的元素

var $el = $('<p>Hi Mom</p>').appendTo('#foo');

var$el=$（“Hi Mom
”）.appendTo（“#foo”）；

---

演示：

您正在div

#foo

中包装

$（“Hi Mom
”）

，因为要包装的元素不在dom中，所以您不会看到它。所发生的事情是制作一份

#foo

并将其包裹在片段上

$('<p>Hi Mom</p>').wrap('#foo').parent().prop('id')

$（'Hi-Mom
）.wrap（'#foo'）.parent（）.prop（'id'））

将为您提供

foo

我想您希望将

Hi Mom

放在

#foo

中，这将是插入而不是包装

---

您正在div

#foo

中包装

$（“Hi-Mom
”）

，因为要包装的元素不在dom中，所以您不会看到它。所发生的事情是制作一份

#foo

并将其包裹在片段上

$('<p>Hi Mom</p>').wrap('#foo').parent().prop('id')

$（'Hi-Mom
）.wrap（'#foo'）.parent（）.prop（'id'））

将为您提供

foo

我想您希望将

Hi Mom

放在

#foo

中，这将是插入而不是包装

---

您正在div

#foo

中包装

$（“Hi-Mom
”）

，因为要包装的元素不在dom中，所以您不会看到它。所发生的事情是制作一份

#foo

并将其包裹在片段上

$('<p>Hi Mom</p>').wrap('#foo').parent().prop('id')

$（'Hi-Mom
）.wrap（'#foo'）.parent（）.prop（'id'））

将为您提供

foo

我想您希望将

Hi Mom

放在

#foo

中，这将是插入而不是包装

---

您正在div

#foo

中包装

$（“Hi-Mom
”）

，因为要包装的元素不在dom中，所以您不会看到它。所发生的事情是制作一份

#foo

并将其包裹在片段上

$('<p>Hi Mom</p>').wrap('#foo').parent().prop('id')

$（'Hi-Mom
）.wrap（'#foo'）.parent（）.prop（'id'））

将为您提供

foo

我想您希望将

Hi Mom

放在

#foo

中，这将是插入而不是包装

---

Musa关于wrap没有按预期运行的原因是正确的。这是对Phrogz评论的回应

你能解释一下wrap（）在做什么，而不是我所期望的，以及它的用途吗

下面是一个使用wrap的简单示例，有助于说明它在做什么。我添加了一个click事件，用h1标记包装#foo：

 $('.change-size').click(function(e) {
    e.preventDefault();
    $('#foo').wrap('<h1></h1>');
});

$（'.change size'）。单击（函数（e）{
e、 预防默认值（）；
$（'#foo'）.wrap（''）；
});

当你点击“点击这里”链接，你可以看到文本大小的变化，因为新的h1。更清楚地表明，新标记（h1）的位置比选择器（#foo）中的位置大。请参阅JSFIDLE：

---

希望有帮助

Musa关于wrap未按预期运行的原因是正确的。这是对Phrogz评论的回应

你能解释一下wrap（）在做什么，而不是我所期望的，以及它的用途吗

下面是一个使用wrap的简单示例，有助于说明它在做什么。我添加了一个click事件，用h1标记包装#foo：

 $('.change-size').click(function(e) {
    e.preventDefault();
    $('#foo').wrap('<h1></h1>');
});

$（'.change size'）。单击（函数（e）{
e、 预防默认值（）；
$（'#foo'）.wrap（''）；
});

当你点击“点击这里”链接，你可以看到文本大小的变化，因为新的h1。更清楚地表明，新标记（h1）的位置比选择器（#foo）中的位置大。请参阅JSFIDLE：

---

希望有帮助

Musa关于wrap未按预期运行的原因是正确的。这是对Phrogz评论的回应

你能解释一下wrap（）在做什么，而不是我所期望的，以及它的用途吗

下面是一个使用wrap的简单示例，有助于说明它在做什么。我添加了一个click事件，用h1标记包装#foo：

 $('.change-size').click(function(e) {
    e.preventDefault();
    $('#foo').wrap('<h1></h1>');
});

$（'.change size'）。单击（函数（e）{
e、 预防默认值（）；
$（'#foo'）.wrap（''）；
});

当你点击“点击这里”链接，你可以看到文本大小的变化，因为新的h1。更清楚地表明，新标记（h1）的位置比选择器（#foo）中的位置大。请参阅JSFIDLE：

---

希望有帮助

Musa关于wrap未按预期运行的原因是正确的。这是对Phrogz评论的回应

你能解释一下wrap（）在做什么，而不是我所期望的，以及它的用途吗

下面是一个使用wrap的简单示例，有助于说明它在做什么。我添加了一个click事件，用h1标记包装#foo：

 $('.change-size').click(function(e) {
    e.preventDefault();
    $('#foo').wrap('<h1></h1>');
});

$（'.change size'）。单击（函数（e）{
e、 预防默认值（）；
$（'#foo'）。换行