javascript - 如何添加类名与无序列表 ID 相同的列表项？

Question

我正在生成一个项目列表，其中包含不同状态名称作为类名称。这些列表项需要以相同的类名但作为 id append 到无序列表中。所以目前 DOM 看起来像:

<ul id="Montana"></ul>
<ul id="Nebraska"></ul>
<ul id="Oregon"></ul>
<li class="Montana>Hello World</li>
<li class="Montana>Hello World</li>
<li class="Oregon>Hello World</li>
<li class="Nebraska>Hello World</li>
<li class="Montana>Hello World</li>
<li class="Montana>Hello World</li>
<li class="Oregon>Hello World</li>
<li class="Montana>Hello World</li>

通常我只是通过 for 循环进行 append ，例如:

for(var i =0; i < something.length; i++){ $('#' + something[i]).append('.' + something[i]);

但这目前不起作用。老实说，我可能只是轻微中风，需要一巴掌。

有什么建议吗？打脸？

编辑:

我返回了一个 JSON blob。它的键/值对之一是“状态”:无论状态是什么。我通过该 blob 运行一个 for 循环，并使用这些类/id 名称创建一堆 ul 和 li。我会展示我的所有代码，但我还会添加一堆与 SVG 相关的内容，这些内容只会让问题变得更加复杂。

Answer 1

这行得通吗？获取所有 li，迭代它们，找到与每个 li 类匹配的 ID，并 append li。

var lis = document.getElementsByTagName("li");
for(var i = 0, numLis = lis.length; i < numLis; ++i)
{
    document.getElementById(lis[i].className).appendChild(lis[i]);
}