在jquery中的div中现有的ul之后动态创建并附加ul答案

【问题标题】：Dynamically create and append ul after existing ul in div in jquery在jquery中的div中现有的ul之后动态创建并附加ul
【发布时间】：2014-11-26 14:18:59
【问题描述】：

我有一个菜单，我需要动态添加另一个 ul.nav.navbar-nav.navbar-right 一个 li。这是我的实际 HTML：

<div id="menu navbar" class="collapse navbar-collapse">
  <ul class="level1 static nav navbar-nav">
    <li>...</li>
    <li>...</li>
  </ul>
</div>

在 ul 之后我需要通过 jQuery 附加另一个 ul（这是我在运行脚本后需要的结果）

<div id="menu navbar" class="collapse navbar-collapse">
  <ul class="level1 static nav navbar-nav">
    <li>...</li>
    <li>...</li>
  </ul>
  **<ul class="nav navbar-nav navbar-right">
    <li>
      <a href="/Profile.aspx" class="img-nav-link">Profil</a>
    </li>
  </ul>**
</div>

【问题讨论】：

请发布您现有的脚本。
你试过jquery append吗？尝试谷歌搜索。你甚至可以做innerHTML！
就像搜索“使用 Jquery 附加元素”一样简单
使用$('#menu').append() 追加到现有的div
看看这里：stackoverflow.com/q/1126055/588079（但我不认为它完全重复）。

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

你可以这样做：

$('#menu').append($('<ul/>').addClass('nav navbar-nav navbar-right'))

【讨论】：

【解决方案2】：

您可以使用 JQuery append，也可以使用 Javascript .innerHTML！像这样：

$("menu navbar").append('<ul class="nav navbar-nav navbar-right"><li><a href="/Profile.aspx" class="img-nav-link">Profil</a></li></ul>');

或者

document.getElementById('whatever').innerHTML += 'whatever';

【讨论】：

【解决方案3】：

我认为 ID 属性中不允许有空格。但如果是的话，它会是这样的：

$("#menu navbar").append('<ul class="nav navbar-nav navbar-right"><li><a href="/Profile.aspx" class="img-nav-link">Profil</a></li></ul>')

还有，更复杂：

var ul = $("<ul/>",{
  class : "nav navbar-nav navbar-right"
}),
li = $("<li/>"),
a = $("<a/>",{
  href: "/Profile.aspx",
  class: "img-nav-link",
  text: "Profil"
});
a.appendTo(li)
li.appendTo(ul);
ul.appendTo("#menu navbar")

但您可能必须将 ID 从 menu navbar 更改为 menuNavbar 或其他东西。

【讨论】：

你的斗争是对的。 ID 必须是一个单词。有了那个空间，看起来有两个 ID :)