使用JQ或CSS爲每個X元素添加一個div

我有許多div，可以說10，並且我希望每個第四元素都添加一個具有特定類的新div。任何人都可以請告訴我如何使用JQ或CSS做到這一點？我更喜歡JQ，因爲我想讓它動態化。使用JQ或CSS爲每個X元素添加一個div

謝謝！和對不起我的英文不好...

2012-08-23 Samuel E.

http://stackoverflow.com/questions/1260277/addclass-every-nth –

$('<div/>').addClass('someclassname').html('somehtml').insertAfter('div:nth-child(4n)');

2012-08-23 19:02:24 Ashirvad

已更新FIDDLE DEMO – Ashirvad

非常感謝，它的工作原理完美無瑕！ –

@AshirvadSingh解決方案是正確的offcourse也可能是最好的解決辦法。儘管如此，你可以用純CSS來做。技術上你並沒有實際插入一個新的div，但效果是一樣的，你將擁有所有相同的樣式選項。 CSS的應該是這樣的：

div:nth-child(4n):after { 
    content: 'b'; 
    display: block; 
    color: green; 
}

我更新@AshirvadSingh小提琴證明：http://jsfiddle.net/rjW7u/1/

jQuery的解決方案的優點是，它可能會工作，舊的瀏覽器更好的是不支持僞選擇我用了。另一方面，CSS解決方案仍然適用於js殘疾人。

2012-08-23 19:46:04 Pevara

回答