javascript - jQuery 在 UL 之后添加两个 div

标签 javascript jquery html css

<分区>


关闭 8 年前

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

谢谢。

最佳答案

如果元素已经存在,只需要移动:

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/

关于javascript - jQuery 在 UL 之后添加两个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25748018/

上一篇:javascript - jquery - 设置 iframe 宽度不起作用

下一篇:html - 当一个单元格悬停在上面时,有没有一种方法可以将一个类添加到 ng-repeat 中的一行?

相关文章:

javascript - Jquery Slide up and Slide down -first li always slide down

javascript - 用户界面选择 : Search box not shown to search when data is an empty array

javascript - 如何在数据数组和对象的合并中使用对象分配而不是扩展语法?

javascript - 切换 div 以及添加和删除类

javascript - 替换输出中的特殊字符

javascript - 以编程方式创建 Bootstrap 选项卡

javascript - 我正在尝试使用 JQuery 使点击的图像动画化到它们的位置

jquery - 让客户端 (Javascript) 处理 HTML 比用 C# 处理 HTML 更好吗?

javascript - 将变量替换到 Jquery 中

Javascript,console.log 打印打印对象,但属性未定义