Как сделать автоматическую разбивку?

вопрос

Здравствуйте. Скажите пожалуйста, как сделать автоматическое проставление определенной цифры, в определенном количестве ссылок.

К примеру, есть вот такой слайдер, который выводится вот через такой код

                    <ul data-active-group="1" data-max-group="3">
                      <li class="active" style="" data-group="1">1</li>
                      <li class="" style="" data-group="1">2</li>
                      <li class="" style="" data-group="1">3</li>
                      <li class="" style="" data-group="1">4</li>
                      <li class="" style="" data-group="1">5</li>
                      <li class="" style="" data-group="1">6</li>
                      <li class="" style="" data-group="1">7</li>
                      <li class="" style="" data-group="1">8</li>
                      <li class="" style="" data-group="1">9</li>
                      <li class="" style="" data-group="1">10</li>
                      <li class="" style="" data-group="2">11</li>
                      <li class="" style="" data-group="2">12</li>
                      <li class="" style="" data-group="2">13</li>
                      <li class="" style="" data-group="2">14</li>
                      <li class="" style="" data-group="2">15</li>
                      <li class="" style="" data-group="2">16</li>
                      <li class="" style="" data-group="2">17</li>
                      <li class="" style="" data-group="2">18</li>
                      <li class="" style="" data-group="2">19</li>
                      <li class="" style="" data-group="2">20</li>
                      <li class="" style="" data-group="3">21</li>
                      <li class="" style="" data-group="3">22</li>
                      <li class="" style="" data-group="3">23</li>
                      <li class="" style="" data-group="3">24</li>
                      <li class="" style="" data-group="3">25</li>
                      <li class="" style="" data-group="3">26</li>
                      <li class="" style="" data-group="3">27</li>
                      <li class="" style="" data-group="3">28</li>
                      <li class="" style="" data-group="3">29</li>
                      <li class="" style="" data-group="3">30</li>
                    </ul>

В данном случае есть 3 слайда. по 10 информационных блока.

Так вот, сама суть вопроса, как сделать что бы первая десятка ссылок

<li class="" style="" data-group="1">2</li>

получала цифру 1 в строке data-group="1". А уже начиная с 11 в data-group="2" - было уже 2.

И по мимо этого в строке data-max-group="Х" после каждой десятой строки, в поле заместо Х плюсовалось на 1.

Знаю что это какой то слайдер, но я его так и не нашел. Может кто знает как такое сделать, или знает что за слайдер, прошу подсказать

Ответа пока нет

var maxdatagroup=0;
$('ul[data-max-group] li').each(function(i,e){
var a=Math.floor(i/10)+1;
if(maxdatagroup<a) maxdatagroup=a;
$(e).attr('data-group',a);
})
$('ul[data-max-group]').attr('data-max-group',maxdatagroup)

5 комментариев

Эксперт

1925

nowheremany - 2015-12-0215 марта 2016 09:44 - #53714

Благодарность принимаю тут Связь

Юзер

Kaba4ek - 2015-12-0215 марта 2016 10:27 - #53715

Поставил я Ваш скрипт, но что то не срабатывает.

nowheremany - 2015-12-0215 марта 2016 11:16 - #53716

https://jsfiddle.net/680s4jht/1/

Kaba4ek - 2015-12-0215 марта 2016 11:42 - #53717

nowheremany,

Даже на jsfiddle не подставляет нумерацию. Как прописано в html, так оно и отображает

еще пишет ошибку

Uncaught SyntaxError: missing ) after argument list fiddle.jshell.net/680s4jht/show/:51 Uncaught SyntaxError: missing ) after argument list