Замените имя каждого n-го класса и замените его с помощью jQuery

Я хочу заменить каждый шестой класс 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>

Это неограниченное и неопределенные подсчет, поскольку ее изменения в каждой секции

источник

2014-09-03 Santosh Vishwakarma

Хотите замену содержимого или всю замену Div – xxbinxx

[аналогично этому ... проверьте, если это вам полезно] [1] [1]: http://stackoverflow.com/questions/17183060/jquery-how-would-i-replace-n-th-child – Swapnil

Вы можете попробовать это:

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

Или

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

источник

2014-09-03 09:03:02 AmanVirdi

'$ ('. Disp: nth-child (6n)') .text ('ddd') '- селектор класса (' .disp') вместо селектора элементов ('div') будет лучше подходит –

@Arun Я обновил сообщение. благодаря – AmanVirdi

<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?

источник

2014-09-03 09:23:09

Замените имя каждого n-го класса и замените его с помощью jQuery

ответ

Смежные вопросы