jQuery .Wrap 函数帮助...用另一个 div 包装 div答案

【问题标题】：jQuery .Wrap Function Help... wrapping div with another divjQuery .Wrap 函数帮助...用另一个 div 包装 div
【发布时间】：2010-02-19 05:23:37
【问题描述】：

var el = widget; // Ordered HTML Lists
var helper = $('<div class="positionHelper"></div>');
var wrapper = $('<div class="slide-out-div"></div>');

helper.css({ position: 'absolute', width: dims.refW, height: dims.refH });
el.wrap(helper);
helper.wrap(wrapper);
wrapper.append('<div id="handle">');

由于某种原因，输出没有“slide-out-div”DIV 或“handle”DIV。它只是将“帮助”DIV 附加到页面，但其中没有其他两个 div。有什么线索吗？

努力实现：

<div class="slide-out-div">
  <div class="handle"></div>
  <div class="positionHelper">Bunch of Content</div>
</div>

positionHelper 将有一些 CSS 变量，如您所见，但这通常是我希望输出的内容。问题是我似乎根本无法用滑出 div 包裹 positionHelper。

更新：

实际上，这可行，但对于我正在尝试做的事情来说似乎有点冗长。

var h = $(".positionHelper")
h.wrap(wrapper);
var f = $(".positionHelper")
f.before('<div id="handle">');

【问题讨论】：

很难想象你真正想要达到的目标。有没有机会以 SSCCE (sscce.org) 的形式从 <html> 转发到 </html> 以及“硬编码”示例，最终结果应该是什么样子？
我添加了我想要的结果。

标签： jquery

【解决方案1】：

var helper = $('<div class="positionHelper"></div>');
var wrapper = $('<div class="slide-out-div"></div>');

$('body').append(wrapper);
wrapper.append('<div id="handle"></div>').append(helper);

【讨论】：

【解决方案2】：

问题来了，试试这样的：

el.wrap(helper.html());
helper.wrap(wrapper.html());

【讨论】：