Javascript 如何在包装后添加html？

我的html有问题，我不知道如何解决它。。。我创建了一个代码来包装这一行

<div class='new'></div> 

例如，代码如下所示：

<input type="text"/>

<div class='new'>
    <input type="text"/>
    <button></button>
</div>

转向

<div class='new'>
    <input type="text"/>
</div>

之后我想在

之后添加一个新代码，但我不知道怎么做

我尝试了

$（“输入”）.wrap（“”）。after（“”）

但它在输入之后添加如下内容：

<input type="text"/>

<div class='new'>
    <input type="text"/>
    <button></button>
</div>

我想要这个：

<div class='new'>
    <input type="text"/>
</div>
<button></button>

你能帮我做吗？谢谢

这应该可以做到：

$("input").wrap("<div class='new'></div>").parent().after("<button></button>")

$（“输入”）.wrap（“”）.parent（）在（“”）之后

说明：wrap标记计数器直观地再次返回输入元素，因此我们调用parent导航到div.new的顶部。从那里，当我们调用.after时，它会将HTML附加到正确的区域。

这应该可以做到：

$("input").wrap("<div class='new'></div>").parent().after("<button></button>")

$（“输入”）.wrap（“”）.parent（）在（“”）之后

---

说明：wrap标记计数器直观地再次返回输入元素，因此我们调用parent导航到div.new的顶部。从那里，当我们调用。之后，它会将HTML附加到正确的区域。

非常感谢，我使用了children哈哈，但现在工作了！谢谢，你能投票并做标记作为答案吗，那会很有帮助的。不客气！非常感谢你，我用的是儿童哈哈，但现在工作了！谢谢，你能投票并做标记作为答案吗，那会很有帮助的。不客气！