0

В ссылках повторяется атрибут href:

<a href="img/slide-1-big.jpg"></a>
<a href="img/slide-2-big.jpg"></a>
<a href="img/slide-0-big.jpg"></a>
<a href="img/slide-1-big.jpg"></a>
<a href="img/slide-2-big.jpg"></a>
<a href="img/slide-0-big.jpg"></a>

Как к повторяющимся элементам добавить определенный класс? Например:

<a href="img/slide-1-big.jpg" class="1"></a>
<a href="img/slide-2-big.jpg" class="2"></a>
<a href="img/slide-0-big.jpg" class="0"></a>
<a href="img/slide-1-big.jpg" class="1"></a>
<a href="img/slide-2-big.jpg" class="2"></a>
<a href="img/slide-0-big.jpg" class="0"></a>

Значение href неизвестно.

2
  • по стандарту: пробегаем циклом. создаем объект для хранения ключ-значение. бежим циклом, читаем href. Если в объекте нет такого ключа - заносим, и параллельно даем значение для ключа.... если есть - пропускаем..........параллельно в цикле можно присваивать как раз и классы в соответствии со значением в ключе 5 дек 2017 в 10:06
  • @АлексейШиманский спасибо за помощь
    – rololo
    5 дек 2017 в 13:34

1 ответ 1

0

Решил, только скрипт добавляет не класс, а дата-атрибут.

    var hrefs = new Array(); // создаём массив
    var links = $('.picture a'); // заносим в переменную все ссылки
    $(links).each(function() { // для каждой ссылки выполняем функцию
        var href = $(this).attr('href'); // заносим в переменную значение текущего атрибута (для красоты)
        if ( $.inArray( href, hrefs ) == -1 ) { // ищем в массиве hrefs значение href
            hrefs.push( href ); // если отсутствует - добавляем в массив
        } // наш массив полон
    });
    $(links).each(function() {
        var href = $(this).attr('href');
        if ( $.inArray( href, hrefs ) !== -1 ) { // если в массиве есть наша ссылка
            $(this).attr('data-index',$.inArray( href, hrefs )); // присваиваем текущей ссылке data атрибут с индексом текущего атрибута href в массиве hrefs 
        }
    });
1
  • можно это собрать в один цикл. $.inArray вам сразу дает индекс, если элемент найден, push вовзращает длину массива, следовательно и индекс известен. так что сразу var index = $.inArray(...); if(index == -1) { index = hrefs.push(href) - 1; } и $(this).data('index', index);
    – teran
    5 дек 2017 в 13:46

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.