Javascript jQuery在UL之后添加两个div

我想通过jQuery在UL之后添加两个div。我该怎么做

我的UL是：

<ul class="linkList navigationLinks enabled" id="globalNav">
    <li class="navigationGroup" id="globalNavItem1">
              <a href="#><span>New</span></a>
    </li>   
</ul>

我想在UL之后添加的div是：

<div id="left-primenav-bg"></div>
<div id="right-primenav-bg"></div>

谢谢。

最简单的方法是

$("#globalNav").after('<div id="left-primenav-bg"></div><div id="right-primenav-bg"></div>')

$（“#globalNav”）。在（“”）之后

---

文档：

如果元素已经存在并且只需要移动：

jQuery('#left-primenav-bg, #right-primenav-bg').insertAfter('#globalNav');

如果没有，请使用jQuery当场创建它们：

jQuery（“”）
.insertAfter（“#globalNav”）


为了清晰起见，我在这两个jsfiddle中都向div添加了内容。在第一部分中，我将现有元素添加到一个隐藏的div中，以显示它们实际上已移出该div

另外，检查insertAfter方法的jQuery文档：
您尝试过什么吗？我不想粗鲁，但这不是我的网站代码。。。