javascript - 里的左右有边界

标签 javascript jquery

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

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

或者

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

无论它们如何堆叠,第一个列表应在左侧有边框,最后一个列表应在右侧有边框。

JSFIDDLE

最佳答案

用途:

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

<强> Working Demo

关于javascript - 里的左右有边界,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25408980/

相关文章:

javascript - 单击按钮后基于选择的 div 在 SweetAlert2 弹出消息中包含不同的图像

jquery - 使用 jQuery 获取链接文本(如果有)或图像的 id(如果是图像链接)

javascript - jQuery同步跨子域POST请求

jquery - 如何在另一个已经有一些 html 的元素中插入 html 元素?

javascript - 查找 Javascript 使用情况

java - imacros - 使用 javascript 读取文本文件

javascript - php中条件语句后的模态框

jquery - Jquery Accordion 内的 iFrame

jquery - flexbox 中的 2x2 网格

javascript - token如何防止csrf攻击?