我需要更改嵌套在另一个div中的第n个div的css属性

Question

我需要在一个3x3的矩阵中行，并且在每个包装器div框之后，我需要显示一条垂直线。如果我把我的代码放在循环的中继器控件中，从代码中生成它，那么这就产生了另一个问题，它在每个框之后添加竖线。

我试图用类名horizontal-line隐藏第3、6、9个div，这样垂直线就不会出现了。

我不确定如何更改下面的脚本来更改其中的第n个元素

Content-area分区或类

$('.content-area .horizontal-line:nth-child(6n+1)').css('display', 'none');

我正在寻找jsFiddle上的jquery解决方案(更新)示例

<div id="content-area">
    <div class="article-wrapper">
        <div id="article">
            <div id="title"></div>
           <div id="details"></div>
        </div>
    </div>
    <div class="horizontal-line"></div>  

    <div class="article-wrapper">
        <div id="article">
            <div id="title"></div>
           <div id="details"></div>
        </div>
    </div>
    <div class="horizontal-line"></div>  

    <div class="article-wrapper">
        <div id="article">
            <div id="title"></div>
           <div id="details"></div>
        </div>
    </div>
    <div class="horizontal-line"></div>  

        <div class="article-wrapper">
        <div id="article">
            <div id="title"></div>
           <div id="details"></div>
        </div>
    </div>
    <div class="horizontal-line"></div>  

    <div class="article-wrapper">
        <div id="article">
            <div id="title"></div>
           <div id="details"></div>
        </div>
    </div>
    <div class="horizontal-line"></div>  
</div>

Answer 1

Like this?

.content-area .horizontal-line:nth-child(3n){
    display:none;
}

Answer 2

content-area不是一个类。

使用#content-area

Answer 3

$('#content-area .horizontal-line:nth-child(3n)')

是到达那里的方法