2014-09-03 68 views
0

我想要替换每个第6个div类。替换每个第n个类名,并用jQuery帮助替换它

这是我当前的代码

<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> this should be change 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> this should be change 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> this should be change 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 

它是无限的,不确定的数量,因为它的每一个部分的变化

+0

你想要的内容更换或整个DIV更换 – xxbinxx 2014-09-03 09:00:07

+0

[与此类似...检查它是否对您有帮助] [1] [1]:http://stackoverflow.com/questions/17183060/jquery-how-would-i-replace-n-th-child – Swapnil 2014-09-03 09:03:07

回答

2

你可以试试这个:

$("div:nth-child(6n)").removeClass("disp"); 

或者

$("div.disp:nth-child(6n)").removeClass("disp"); 
+1

'$( 'DISP:第n个孩子(6N)') .text('ddd')' - 类选择器('.disp')而不是元素选择器('div')将更适合 – 2014-09-03 09:03:31

+0

@Arun我更新了这篇文章。谢谢 – AmanVirdi 2014-09-03 09:06:29

1
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 
<div class="disp">...</div> 

纯CSS

div { 
    width:50px; 
    height:50px; 
    background:black; 
    margin:10px; 
} 

section > div:nth-child(6n) { 
    background:red; 
} 

在这里做这个也可以用jQuery

$("div:nth-child(6n)").removeClass("disp"); 

做更多refrence请点击此链接Style every third element?