如何在jQuery变量中使用jQuery包装?
我正在努力理解jQuery如何在jQuery变量中使用jQuery包装?,jquery,html,Jquery,Html,我正在努力理解jQuerywrap()方法是如何工作的。在这本书中,我发现: 描述:围绕匹配元素集中的每个元素包装一个HTML结构 我看到了他们的例子。我用页面中的元素测试了它。它工作得很好,但我的问题是:我可以对jQuery变量使用wrap()吗? 我有以下测试代码: var d = $("<div class='one'>"); d.html("Hi, I am <strong>strong</strong>");
wrap()
方法是如何工作的。在这本书中,我发现:
描述:围绕匹配元素集中的每个元素包装一个HTML结构
我看到了他们的例子。我用页面中的元素测试了它。它工作得很好,但我的问题是:我可以对jQuery变量使用wrap()
吗?
我有以下测试代码:
var d = $("<div class='one'>");
d.html("Hi, I am <strong>strong</strong>");
console.log("Before wrapping: ", d.html());
d.wrap("<div class='new'></div>");
console.log("After wrapping: ", d.html());
vard=$(“”);
d、 html(“嗨,我是strong”;
log(“包装前:,d.html());
d、 包裹(“”);
log(“包装后:,d.html());
这将产生:
包装前:你好,我是strong
包装后的你好,我是strong
第一个输出是正确的。对于第二个,我期望:
包装后的你好,我是strong
(因为它是用
包装的)
我做错了什么
即使您正在使用另一个元素包装
d
,d
仍然引用旧的元素集,如果您想要包装元素html,那么您必须访问d
的父元素,然后获得类似的html
console.log("Parent: ", d.parent().html());
演示: