4

各行に6枚の画像のように表示される18枚の画像があります。最後の画像と最後の画像に連続して異なるクラスを割り当てたいと思います。例:-

1    2    3    4    5    6
7    8    9    10   11   12
13   14   15   16   17   18

ここで、クラスは 5 6 11 12 17 18

これを 5 6 のままで方程式を立てることができます。

5n + (n-1) 6n n=2から始まる可能性があります

   5(2) + (2-1)    6(2)  =    11    12
   5(3) + (3-1)    6(3)  =    17    18

jqueryを使用してこれを実装する方法がわかりません。AS 5 6 はそのままで、11,12,17,18 の式で n=2 から開始する必要があります

<li><a href="#"><span></span><img src="images/img14.jpg" alt="" width="136" height="136" /><em class="popup"> <strong class="arrow"></strong><strong class="title">Sponsor Name Here</strong>Lorem ipsum dolor sit amet, consectetur edt adipiscing elit. Nullam dignissim enim ut co. Lorem ipsum dolor sit amet, consectetur bel adipiscing elit nullam digniss</em></a></li>

em では、クラス popup-left を追加したい

4

2 に答える 2

6

これには jQuery は必要ありません。

次のセレクターは、必要なスタイルを適用します。

li:nth-child(6n) img, li:nth-child(6n-1) img
{
    /* styles here */
}

更新されたデモを見る

于 2012-06-18T08:39:00.977 に答える
1

私がよく理解していれば（そしてあなたがli要素を持っていると仮定して）

$('li:nth-child(6n+4)').addClass('class1');
$('li:nth-child(6n+5)').addClass('class2');

または、そのセレクターをストレート css として定義するだけです (ただし、この場合は機能しませんIE<9) 。

li:nth-child(6n+4) {
  ...
}

li:nth-child(6n+5) {
  ...
}

必要に応じliて、実際の要素（img、pまたはその他のもの）で変更します

于 2012-06-18T08:38:42.317 に答える