Javascript 如何在刚刚在DOM上呈现的块之后插入html块

我正在围绕客户机上的特定元素构建一个嵌套div块。我最初使用jQuery的.wrap（）来获取块的第一部分，该部分工作正常。但是现在我想在我正在包装的元素之后附加结束块，我发现我不能将它附加到任何东西，因为它是同时创建的。我尝试使用insertAfter（），但我不希望它是我正在包装的元素的同级，我希望它位于其父元素之后

这是我的密码：

$(document).ready(function() {
 buildShadows('#section');
});


function buildShadows(element){
        $(element).wrap("<div class='section_shadow_wrapper'><div class='section_shadow_curve'><div class='section_shadow_outer'><div class='section_shadow_inner_left'><div class='section_shadow_inner_right'>");
        $("<div class='section_shadow_bottom_left'><div class='section_test_bottom_right'>").insertAfter(element);

}

$（文档）.ready（函数（）{
建筑阴影（“#部分”）；
});
函数buildShadows（元素）{
$（元素）。换行（“”）；
$（“”）。插入后面的（元素）；
}

我试图做的是将第二部分的第一个元素（section_shadow_bottom_left）作为“section_shadow_inner_right”的兄弟元素追加到“element”之后

任何帮助都将不胜感激。

---

谢谢。

您应该能够遍历到刚刚创建的新父级

你试过这个吗

function buildShadows(element){
    $(element).wrap('<div class="section_shadow_wrapper clearfix"><div class="section_shadow_curve"><div class="section_shadow_outer"><div class="section_shadow_inner_left"><div class="section_shadow_inner_right">')

       .parent().after('<div class="section_shadow_bottom_left"><div class="section_test_bottom_right">');

}

函数buildShadows（元素）{
$（元素）。换行（“”）
.parent（）。在（“”）之后；
}

您应该能够遍历到刚刚创建的新父级

你试过这个吗

function buildShadows(element){
    $(element).wrap('<div class="section_shadow_wrapper clearfix"><div class="section_shadow_curve"><div class="section_shadow_outer"><div class="section_shadow_inner_left"><div class="section_shadow_inner_right">')

       .parent().after('<div class="section_shadow_bottom_left"><div class="section_test_bottom_right">');

}

函数buildShadows（元素）{
$（元素）。换行（“”）
.parent（）。在（“”）之后；
}

尝试遍历原始元素的下一个同级元素，并在其上使用

.insertBefore（）

var nextsibling = $(element).next();
//Wrap code
$("<div class='section_shadow_bottom_left'><div class='section_test_bottom_right'>").insertBefore(nextsibling);

var nextsibling=$（元素）.next（）；
//包装代码
$（“”）。插入之前（下一个绑定）；

尝试遍历原始元素的下一个同级元素，并在其上使用

.insertBefore（）

var nextsibling = $(element).next();
//Wrap code
$("<div class='section_shadow_bottom_left'><div class='section_test_bottom_right'>").insertBefore(nextsibling);

var nextsibling=$（元素）.next（）；
//包装代码
$（“”）。插入之前（下一个绑定）；