在里面创建一个包含锚标记的列表

Question

<a>

中的<ul>内有<div>个标记列表

HTML

<div id="dd" class="wrapper-dropdown-1" tabindex="1"> <span class="summary-texts">Summary </span>
    <ul class="dropdown">
        <li>
            <a class="group" id="group-a">Group A </a>
        </li>
        <li>
            <a class="group" id="group-b">Group B </a>
        </li>
        <li>
            <a class="group" id="group-c">Group C </a>
        </li>
    </ul>
</div>

现在，它们是HTML中的硬编码，我的目标是使用JS重新构建该列表。 我试图让这种情况发生时有点困难。

我试过

for (var assignment in objects.assignments ) {

  var dropdown = $("#dd").find(".dropdown");
  var entry = document.createElement('li');
  dropdown.appendChild(entry);
  var a = createElement('a').appendTo(dropdown.find("li"));
  a.setAttribute('href', "" );
  a.innerHTML = "Group "+assignment;
}

错误

  

未捕获的TypeError：dropdown.appendChild不是函数

有人可以在这里给我一些帮助吗？

任何提示/帮助/建议都将对我有很大帮助。

Answer 1

因为dropdown是jQuery对象，所以不能在其上调用appendChild方法。

使用jQuery添加/追加元素，如下所示：

for (var assignment in objects.assignments) {
    $("#dd .dropdown")
        .append('<li><a href="">Group ' + assignment + '</a></li>');
}

Answer 2

而不是dropdown.appendChild，请尝试dropdown.append(li)

.append（）是javascript appendChild的等价物