在不同的li上更換課程

我有18個圖像在每一行中顯示爲6個圖像。我想爲每排倒數第二個和最後一個圖像分配不同的類。如： -在不同的li上更換課程

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我要添加類彈出左

來源

2012-06-18 user930026

這很好，但我們需要看到** ** HTML – gdoron

也許你應該張貼的HTML，這將會更好。 – xdazz

你不需要jQuery的這一點。

以下選擇將應用您需要的樣式：

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

See Updated Demo

來源

2012-06-18 08:39:00 Curt

如果我很好地理解（假設你有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-18 08:38:42 fcalderan

如果圖像在標題暗示的LI元素內部，那麼這將不起作用 – Esailija

沒有看到我只是猜測的標記。 :) – fcalderan

在不同的li上更換課程

回答

相關問題