javascript - 如何使用 jQuery 用动态生成的元素包装页面元素？

Question

我有以下代码

var input = $('#el_id');
wrapper = $(document.createElement('div'));
wrapper.addClass('small');
wrapper.css('width',200);
input.wrap(wrapper);

alert(input.children().length)

我得到的 child 长度为 0。我想要的是:

<div class="small" style="width: 200px;">
     <input type="text" id="el_id" />
</div>

但是我想要动态生成小div。知道为什么这不起作用吗？

更新

事实证明我的问题出在另一行代码上。我想在包装后将包装器分配给一个变量，并且:

block = input.wrap("<div class='"+container_class+"' style='width: "+wrap_width+"px;'></div>");

不起作用。它返回有意义的输入。但我怎样才能返回包装呢？

谢谢!

Answer 1

我相信你做得对。

您只需将包装函数的结果保存到变量中即可:

编辑:更新了代码以获取parent():

var wrapped = input.wrap(wrapper).parent();
alert(wrapped.children().length);