如何在包装后添加html？

Question

我遇到了html的问题而且我不知道如何解决它...我创建了一个包含此行的代码

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

例如，代码如下：

<input type="text"/>

转身

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

之后我想在</div>之后添加新代码，但我不知道该怎么做！

我尝试了$("input").wrap("<div class='new'></div>").after("<button></button>")，但在输入后添加如下：

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

我想要这个：

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

你能帮帮我吗？感谢

Answer 1

这应该这样做：

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

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