将输入放在jQuery中的新div中

Question

我需要将我的输入添加到新div中。

我的意见：

<input id="id_bic" type="text" name="bic" />

需要输出：

<div class="input-append">
     <input id="id_bic" type="text" name="bic"/> <!-- this is my input -->
     <button type="submit" class="add-on"><i class="icon-search"></i></button>
</div>

我需要在此处输入我的输入字段（此代码在我的HTML中尚不存在）：

<div class="input-append">
     <!-- here I need my input -->
     <button type="submit" class="add-on"><i class="icon-search"></i></button>
</div>

Answer 1

据我所知，

jsfiddle：http://jsfiddle.net/5uhxP/

首先使用wrap在DIV中移动inout，然后创建按钮并插入输入后..

$('input').wrap("<div class='input-append'>");
$("<button type='submit' class='add-on'>").insertAfter('#id_bic');

Answer 2

尝试.prepend()

fiddle Demo

$('div.input-append').prepend('<input id="id_bic" type="text" name="bic" />');

<小时/> 如果输入已经在DOM

中

fiddle Demo

$('div.input-append').prepend($('#id_bic'));