Форум успешных вебмастеров - GoFuckBiz.com

  Форум успешных вебмастеров - GoFuckBiz.com > Бизнес-решения > Скрипты, программы и технические решения
Дата
USD/RUB59.1710
BTC/USD0.0000
Скрипты, программы и технические решения Обсуждаем скрипты, программы и новые технологии.

Закрытая тема
Опции темы Опции просмотра
Старый 17.04.2013, 22:04   #1
smsupport
Bitcoin сектант
 
Аватар для smsupport
 
Регистрация: 12.07.2009
Сообщений: 949
Бабло: $252435
Question Как добавить новый div после N div`ов? (jQuery)

Делаю верстку слайдера и никак не могу найти ответ на этот вопрос. У меня такая структура:

PHP код:
        <!-- slide -->
        <
div class="showcase-slide">
            <
div class="showcase-content">
                
<
div class="maintopslide">
<
a href="#"><img src="delpics/4333795819_2a483b73d9_b-500x261.jpg" width="306" height="160" /></a>
<
a href="#">Название новости</a>
<
span>Тренд месяца</span>
</
div>

<
div class="maintopslide">
<
a href="#"><img src="delpics/4333795819_2a483b73d9_b-500x261.jpg" width="306" height="160" /></a>
<
a href="#">Название новости</a>
<
span>Тренд месяца</span>
</
div>

<
div class="maintopslide">
<
a href="#"><img src="delpics/4333795819_2a483b73d9_b-500x261.jpg" width="306" height="160" /></a>
<
a href="#">Название новости</a>
<
span>Тренд месяца</span>
</
div>
 
<
div class="maintopslide">
<
a href="#"><img src="delpics/4333795819_2a483b73d9_b-500x261.jpg" width="306" height="160" /></a>
<
a href="#">Название новости</a>
<
span>Тренд месяца</span>
</
div>

<
div class="maintopslide">
<
a href="#"><img src="delpics/4333795819_2a483b73d9_b-500x261.jpg" width="306" height="160" /></a>
<
a href="#">Название новости</a>
<
span>Тренд месяца</span>
</
div>

<
div class="maintopslide">
<
a href="#"><img src="delpics/4333795819_2a483b73d9_b-500x261.jpg" width="306" height="160" /></a>
<
a href="#">Название новости</a>
<
span>Тренд месяца</span>
</
div>

<
div class="maintopslide">
<
a href="#"><img src="delpics/4333795819_2a483b73d9_b-500x261.jpg" width="306" height="160" /></a>
<
a href="#">Название новости</a>
<
span>Тренд месяца</span>
</
div>

<
div class="maintopslide">
<
a href="#"><img src="delpics/4333795819_2a483b73d9_b-500x261.jpg" width="306" height="160" /></a>
<
a href="#">Название новости</a>
<
span>Тренд месяца</span>
</
div>

<
div class="maintopslide">
<
a href="#"><img src="delpics/4333795819_2a483b73d9_b-500x261.jpg" width="306" height="160" /></a>
<
a href="#">Название новости</a>
<
span>Тренд месяца</span>
</
div>

<
div class="maintopslide">
<
a href="#"><img src="delpics/4333795819_2a483b73d9_b-500x261.jpg" width="306" height="160" /></a>
<
a href="#">Название новости</a>
<
span>Тренд месяца</span>
</
div>

<
div class="maintopslide">
<
a href="#"><img src="delpics/4333795819_2a483b73d9_b-500x261.jpg" width="306" height="160" /></a>
<
a href="#">Название новости</a>
<
span>Тренд месяца</span>
</
div>

<
div class="maintopslide">
<
a href="#"><img src="delpics/4333795819_2a483b73d9_b-500x261.jpg" width="306" height="160" /></a>
<
a href="#">Название новости</a>
<
span>Тренд месяца</span>
</
div>

                </
div>
            </
div>
        <!-- 
slide end --> 
Новый div нужно вставить после каждого 3-го <div class="maintopslide">.
__________________
Конвертирую РУ траф в реальные деньги тут
smsupport вне форума  
Старый 17.04.2013, 22:58   #2
ar4ibas
Senior Member
 
Регистрация: 11.11.2009
Сообщений: 362
Бабло: $71310
По умолчанию

у меня так сработало
PHP код:
$(".maintopslide").each(function (inode) {
    if (
i>&& (i+1) % === 0) {
        $(
'<div>new</div>').insertAfter(node);
    }
}); 
можно и так но это менее очевидно
PHP код:
if ((i-2) % === 0) { 

Последний раз редактировалось ar4ibas; 17.04.2013 в 23:04.
ar4ibas вне форума