1

Привет. Есть такая проблема. Есть например три item. Одинаковые по структуре, но у каждого свой текст внутри дива. А также для каждого отдельная кнопка для вызова div. Нужно чтобы по нажатию на кнопку, нужный див, выводился попапом с colorbox. Если просто по клику, обращаться к диву, то вызываются все одновременно, так как классы одинаковые.

Поэтому я написал такой код:

    (function ($) {
  $('p.programma').click(function(){
    var output = $('.programma-item').html();
    $.colorbox({html:output});
  });
})(jQuery);

Он работает. Но метод html() вызывает только первый элемент массива.

Как сделать чтобы, по нажатию на кнопку, вызывался только относящийся к этому диву див?

1
  • добавь пример разметки
    – Grundy
    9 апр 2018 в 19:44

1 ответ 1

1
(function ($) {
  $('p.programma').click(function(){
    var index = $('p.programma').index(this);
    var output = $('.programma-item').eq(index).html();
    $.colorbox({html:output});
  });
})(jQuery);
2
  • Супер! спасибо. Логически я так и мыслил, но не мог записать это в виде кода. 10 апр 2018 в 18:50
  • @AlexSorokin На здоровье. Успехов!
    – user176262
    10 апр 2018 в 18:50

Ваш ответ

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

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