Question

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

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

我不知道如何更改脚本以更改

中的第n个元素

Content-area div或class

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

我正在寻找jquery解决方案（更新） jsFiddle

上的示例

<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

Answer 3

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

是到达那里的方式

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

3 个答案: