0

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

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

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

Content-areadiv 或类

$('.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>
4

3 回答 3

3

像这样？

.content-area .horizontal-line:nth-child(3n){
    display:none;
}
于 2013-01-31T12:14:25.013 回答
2

content-area 不是一个类。

利用#content-area

于 2013-01-31T12:13:26.037 回答
0 
$('#content-area .horizontal-line:nth-child(3n)')

是到达那里的方法

于 2013-01-31T12:16:14.703 回答