Как добавить класс и img, если его идентификатор равен уточненной переменной count

Question

Как добавить класс и img, если его идентификатор равен уточненной переменной count

0

Я новичок в jQuery и нуждаюсь в небольшом устранении неполадок/помощи с моим кодом. Я работаю над галереей изображений. У меня есть коллаж изображений, и когда я нажимаю на изображение, он выводит большую версию. Когда появляется большая версия, я хочу иметь возможность щелкнуть дальше (.right) и увидеть следующее (большое) изображение коллажа. У меня есть счетчик var, который увеличивается каждый раз при нажатии следующей кнопки. Каждое изображение коллажа имеет идентификатор 1, 2, 3, 4 или 5 и т.д. При нажатии следующей кнопки я хочу добавить класс, называемый "счет", к изображению с подсчетом совпадения идентификаторов. Затем я вызываю щелчок элемента коллажа с классом "count". Здесь мой скрипт, который не совсем работает:

    /*".right" is the next button*/
    count = 0;


    $( ".right" ).click(function() {

  count +=1;
  var galleryInterior = $("#galleryinterior img");
  if(galleryInterior.attr("id") == count) {

      $("galleryinterior img").addClass("count");

      }




$("#galleryinterior .count" ).trigger("click");
});

user3444403 21 март 2014, в 01:24

Источник

Теги:

jquery

1 ответ

Ещё вопросы

Arun P Johny · Answer 1 · 2014-03-20T23-08-00.000Z

Пытаться

/*".right" is the next button*/
count = 0;

$(".right").click(function () {
    count += 1;
    //remove the count class from current image
    $("#galleryinterior .count").removeClass('count')
    //find the next image with the id
    var galleryInterior = $("#" + count);
    //add the class and trigger the click event
    galleryInterior.addClass("count").click();
});

Когда вы говорите galleryInterior.attr("id") == '1', он сравнивает класс первого изображения с 1
$("galleryinterior img").addClass("count"); добавляет кол-во классов ко всем изображениям вместо одного с идентификатором в count
Вместо этого вам нужно удалить класс count со всех изображений, затем найти изображение с идентификатором count, затем добавить класс к этому конкретному элементу и вызвать событие click для него