Javascript 在一个里左右有一个边界

我有一个动态生成的li，我希望左li和右li有一个边界。我在考虑给它们增加一个类。具有“隐藏”类的li不会显示。列表可能是这样的

<li class="show">First</li>
<li class="hidden">Second</li>
<li class="hidden">Third</li>
<li class="show">Fourth</li>

首先
秒
第三
第四

或

首先
秒
第三
第四

无论它们是如何堆叠的，第一个列表应该在左侧有边框，最后一个列表应该在右侧有边框

使用：

$('ul').each(function() {
    $(this).find("li.show:first").addClass('first');
    $(this).find("li.show:last").addClass('last');
});

使用：

$('ul').each(function() {
    $(this).find("li.show:first").addClass('first');
    $(this).find("li.show:last").addClass('last');
});

使用：

$('ul').each(function() {
    $(this).find("li.show:first").addClass('first');
    $(this).find("li.show:last").addClass('last');
});

使用：

$('ul').each(function() {
    $(this).find("li.show:first").addClass('first');
    $(this).find("li.show:last").addClass('last');
});

---

您也可以将边界半径放在

ul

上，而不必使用任何js

---

另外，你的js不起作用是因为你试图在你的

li

内部找到

li

，你也可以将边界半径放在

ul

上，而不使用任何js

---

另外，你的js不起作用是因为你试图在你的

li

内部找到

li

，你也可以将边界半径放在

ul

上，而不使用任何js

---

另外，你的js不起作用是因为你试图在你的

li

内部找到

li

，你也可以将边界半径放在

ul

上，而不使用任何js

---

另外，你的js不起作用是因为你试图在你的

li

内部找到

li
你为什么不把边界半径放在ul上？你为什么不把边界半径放在ul上？你为什么不把边界半径放在ul上？你为什么不把边界半径放在ul上？谢谢..非常感谢非常感谢，非常感谢，非常感谢，非常感谢，非常感谢。我会给你另一个选择。我会给你另一个选择。我会给你另一个选择。我会给这另一个选择