Как добавить функцию jQuery ко всем элементам с указанным классом

Question

Как добавить функцию jQuery ко всем элементам с указанным классом

0

У меня есть простой код, который циклически перебирает элементы списка, добавляя и удаляя класс "active". Этот код отлично работает, но только для первого элемента списка. То, что я хотел бы сделать, это применить эту же функцию ко всем спискам с классом "imagelider".

Любая помощь приветствуется!

Здесь js-код:

<script>

toggleSlide = function(){
  $(".imageslider li.active").removeClass()
  .next().add(".imageslider li:first").last().addClass("active");
}
setInterval(toggleSlide, 500);

</script>

И вот моя разметка HTML:

//First list

    <ul class="imageslider">
      <li class="active">1</li>
      <li>2</li>
      <li>3</li>
    </ul>


//Second list

    <ul class="imageslider">
      <li class="active">1</li>
      <li>2</li>
      <li>3</li>
    </ul>

Nitrok 12 нояб. 2013, в 13:34

Источник

0

Извините, но я понятия не имею, как люди отвечают на это. Вопрос совсем не ясен. Можете ли вы объяснить, что вы хотите сделать?
Archer 12 нояб. 2013, в 12:35

Теги:

javascript

jquery

slider

2 ответа

0

Удалите :first предикат!

.next().add(".imageslider li").last().addClass("active");

Praveen Kumar Purushothaman 12 нояб. 2013, в 09:54

Ещё вопросы

Извините, но я понятия не имею, как люди отвечают на это. Вопрос совсем не ясен. Можете ли вы объяснить, что вы хотите сделать?

Arun P Johny · Accepted Answer · 2013-11-12T10-32-00.000Z

Пытаться

toggleSlide = function () {
    $(".imageslider").each(function () {
        $(this).find("li.active").removeClass()
            .next().add($(this).children().first()).last().addClass("active");
    })
}
setInterval(toggleSlide, 500);

Демо: скрипка

Это сделало трюк! Я играл с .each (), но я не понял это правильно. 4-й ряд занял бы еще больше времени, чтобы решить мои навыки кодирования. Большое спасибо! :)