Question

我想通过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>

谢谢。

Answer 1

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

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

jsfiddle

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

jQuery('<div id="left-primenav-bg"></div><div id="right-primenav-bg"></div>') .insertAfter('#globalNav');

jsfiddle

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

另外，请检查insertAfter方法的jQuery文档：http://api.jquery.com/insertAfter/

Answer 2

最简单的方法是

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

文档：http://api.jquery.com/after/

jQuery在UL之后添加两个div

2 个答案: