Javascript 将输入放入jQuery的新div中

我需要将我的输入添加到新的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中还不存在）：

试试看

---

我从你的问题中了解到

jsfiddle：

首先使用wrap将inout移动到DIV内部，然后在输入之后创建按钮和insertAfter

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

$（'input'）。换行（“”）；
$（“”）之后插入（“#id_bic”）；

问题不清楚。你在问什么？试试这个：var输入=$（“#id_bic”）$（“#输入附加”）。前置（输入）；请说明您知道div id，或者您想创建新的div，以及您想在div中追加什么。使用jquery的.append（）方法可以很容易地实现API@Innovation我更新了question@user3052801检查我的答案。这可能是一个正确的答案，但问题实在太不清楚了

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

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

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