javascript - 在这个父 div 中添加新的父 div 和下一个 div

Question

我想做一个简单的操作，但我不明白为什么它不起作用我有一个 div :

<input type='button' value='validate' class='popupjq'>

我想向这个输入添加一个父 div 以及一个“兄弟”div 以获得这个结果:

<div id = 'id_parent'>
   <input type='button' value='validate' class='popupjq'>
   <div id = 'id_brother'></div>
</div>

所以我使用这个 javascript :

$(".popupjq").each(function() {
    var divParent = $("<div id = 'id_parent' style='display:inline-block; position:relative;'>");
    var divCache = $("<div id='toto'>");
    $(this).wrap(divParent);
    $(divParent).append(divCache);
});//bracket missing

我的问题是创建了父 div 但没有创建兄弟 div。

Answer 1

您可以使用 insertAfter() 将第二个元素放在您需要的位置:

$(".popupjq").each(function() {
    $(this).wrap('<div id="id_parent" style="display: inline-block; position: relative;"></div>');
    $('<div id="toto"></div>').insertAfter(this);
});

Example fiddle