javascript - 从特定数字开始为每个 x 列表添加边框

Question

我想知道是否有一个javascript可以从一个特定的数字开始每隔四个<li>添加一个顶部边框？例如，从第5个<li>开始，第9个<li>、第13个<li>、第17个<li>会有一个上边框。

目前我正在使用脚本（如下）以使用 CSS 添加顶部边框，但想知道是否有 JS。

<script type="text/javascript">
    $(document).ready(function(){
        // Adds 'vid#' to each video thumb
        $('.sidebar .content li').each(function(i) {
        $(this).addClass('article'+(i+1) );
        });
    });
</script>

感谢帮助！

Answer 1

CSS 是一个强大的东西：

.sidebar .content li:nth-child(4n+5) {border-top:1px solid black}

演示