Javascript 如何使用Jquery在每个li之间添加li

我有这个HTML代码

<ul id='container'>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
<li>f</li>
</ul>

a
b
c
d
e
f

我想补充一点

<li class='separator'></li>

在每一个李之间，在开始和最后。因此，我的示例如下所示：

<ul id='container'>
<li class='separator'></li>
<li>a</li>
<li class='separator'></li>
<li>b</li>
<li class='separator'></li>
<li>c</li>
<li class='separator'></li>
<li>d</li>
<li class='separator'></li>
<li>e</li>
<li class='separator'></li>
<li>f</li>
<li class='separator'></li>
</ul>

a

b

c

d

e

f

---

使用jquery的最佳方式是什么？

编辑以满足评论员的要求；）

$（'li'）。每个（函数（）{
$（此）。在（“
”）之后；
}).filter（“：first”）。在（“
”）之前；

我仍然认为使用每种方法都很有用，因为它使进一步的更改更容易，但您可以这样做：

$('li').after('<li></li>').filter(':first').before('<li></li>');

$（'li'）。在（'
'）之后。筛选（':first'）。在（'
'）之前；

---

纯CSS解决方案在这里仍然会更好。您可以使用良好的边框或背景定义（带有一些背景位置调整和填充）制作分隔符。

编辑以满足评论员的要求；）

$（'li'）。每个（函数（）{
$（此）。在（“
”）之后；
}).filter（“：first”）。在（“
”）之前；

我仍然认为使用每种方法都很有用，因为它使进一步的更改更容易，但您可以这样做：

$('li').after('<li></li>').filter(':first').before('<li></li>');

$（'li'）。在（'
'）之后。筛选（':first'）。在（'
'）之前；

纯CSS解决方案在这里仍然会更好。您可以使用良好的边框或背景定义（使用一些背景位置调整和填充）来制作分隔符。

var separatorHtml='
'
$（'ul#container'）.children（'li'）.after（separatorHtml）
$（'ul#container'）.prepend（separatorHtml）；

var separatorHtml='
'
$（'ul#container'）.children（'li'）.after（separatorHtml）
$（'ul#container'）.prepend（separatorHtml）；

几乎正确，只是他特别希望在最后一个

li

之后插入一个“分隔符”。此外，您不需要在

中的
之后调用
在匹配元素集中的每个元素之后插入参数指定的内容。`Thanx guys。我看起来不太像，所以我希望分隔符只在东西之间；）几乎正确，只是他特别希望在最后一个
li
之后插入一个“分隔符”。此外，您不需要在
中的
之后调用
在匹配元素集中的每个元素之后插入参数指定的内容。`Thanx guys。我看起来不太像，所以我希望分隔符只在东西之间；）
var separatorHtml = '<li class="separator"></li>'

$('ul#container').children('li').after(separatorHtml)
$('ul#container').prepend(separatorHtml);