Javascript 添加一个</br>；每一秒列表项？

我有一个列表，其中每两个元素我都需要休息：

原件：

<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

需要：

小提琴：

使用Jquery可以做到这一点吗

---

编辑：哦，哇，很抱歉问这个问题。我也乐于使用CSS。我只需要在每两对列表项之间留出一个空格

不要这样滥用

标记。使用CSS为每一个元素提供更宽的底部边距：

.root ul li:nth-child(2n) {
    margin-bottom: 1em;
}

也就是说，我将用定义列表替换您的

子列表，在本例中，定义列表在语义上更为正确：

.root dl {
    margin: 0 0 0 2em;
}
.root dl dd {
    margin-bottom: 1em;
}

---

如前所述，这将是无效的HTML，但您可以在每秒钟

元素的末尾添加

---

这适用于所有浏览器。

您可以使用类和jQuery将类分配给正确的元素

.menu-vertical li.even{
    margin-bottom: 10px;
}

然后

演示：

---

注意：如我在评论中所示，可以使用，但IE不支持，这是无效的HTML。。。

标记不是结束标记，

只能包含

，而不是

。您的标题每秒钟显示一个项目，但您的描述每两个元素显示一个，这是不同的事情。请澄清。不是我的反对票，这在jquery中是可能的。不保证浏览器会对它做什么。
唯一有效的chid是
这是个坏主意，最好给第二个列表项一个底部留有空白的类。@rid。谢谢。我不知道我的问题有什么不清楚，但谢谢你的帮助。
$('ul:not(.root) li:odd').append("<br/>&nbsp;");

$('ul:not(.root) li:odd').addClass('second')

.menu-vertical li.even{
    margin-bottom: 10px;
}

$('.menu-vertical > ul li:nth-child(2n)').addClass('even')