добавить динамический класс в ul li с установленным интервалом времени

Question

добавить динамический класс в ul li с установленным интервалом времени

0

function addcls() {
        $('#slider ul li.current').removeClass('current');
        $(this).closest('li').addClass('current');
    };

 setInterval(function () {
        addcls();
       }, 3000);

вышеупомянутый код удаляет "текущий" класс из первого тега li, но не вставляет его в следующий тег li. как это сделать с заданным интервалом

HTML

<ul>
        <li class="current">SLIDE 1</li>
    <li class="" style="background: #aaa;">SLIDE 2</li>
    <li class="">SLIDE 3</li>
    <li class="" style="background: #aaa;">SLIDE 4</li>
  </ul>

Steve Bals 20 фев. 2014, в 15:29

Источник

1

$ (это) не имеет смысла в этой функции
Alex 20 фев. 2014, в 13:49

Теги:

jquery

3 ответа

1

.следующий()

function addcls() {
        var $this = $('#slider ul li.current').removeClass('current');
        $this.next('li').addClass('current');
    };

Если вы хотите пройти через

function addcls() {
    var $this =$('#slider ul li.current').removeClass('current');
    if ($this.next('li').length > 0) { //if next element is there 
        $this.next('li').addClass('current'); //add class to next to next element 
    } else { 
        $this.closest('ul').find('li:eq(0)').addClass('current'); //else add class to 1 st element 
    }
};

Tushar Gupta 20 фев. 2014, в 12:07

0

ближайший() пересечь дерево DOM и получить первого согласованного предка.

Элементы вашего списка - это братья и сестры друг друга, поэтому вы можете использовать сиблингов():

$(this).siblings('li').addClass('current');

Felix 20 фев. 2014, в 12:26

Ещё вопросы

$ (это) не имеет смысла в этой функции

Alex · Accepted Answer · 2014-02-20T11-36-00.000Z

$(this) не имеет смысла в вашей функции, не так ли?

function addcls() {
        var current = $('#slider ul li.current').removeClass('current'),
            next = current.next().length ? current.next() : current.siblings().filter(':first');
        next.addClass('current');
    };

 setInterval(function () {
        addcls();
       }, 3000);

Вы также можете написать следующее = current.next () || . Current.siblings () фильтр ( ': первый');
+1, но после вашего комментария current.next() всегда будет оцениваться как истинно
не был уверен, вот почему я не опубликовал его в ответе: P спасибо