0

我正在动态生成 html 控件,现在我想使用 jquery 将 html 内容动态包装在 div 中。

示例:动态生成的控件是

<input type='text' value='default' id='text1'/>

应该包装为

<div class='outerdiv'>
  <input type='text' value='default' id='text1'/>
  <span class='handle'></span>
</div>

我试过了

$('#text1').wrap("<div class='outerdiv'><span class='handle'></span></div>");

并且为了打开我使用

$('#text1').unwrap();

但我无法得到我所期望的。

4

2 回答 2

4

用于.wrap()将其包含在 div 中,然后使用.after().append()添加跨度。

$('#text1').wrap("<div class='outerdiv'></div>").after("<span class='handle'></span>");

要解包和删除,.remove()请在解包之前找到和跨度:

$('#text1').next().remove().end().unwrap();
于 2012-06-12T17:44:38.617 回答
3

那这个呢?

$('#text1').wrap('<div class="outerdiv"></div>').after('<span class="handle"></span>');
于 2012-06-12T17:44:13.593 回答