Изменить синтаксис JavaScript с идентификаторов на классы

Question

Из лайтбокса галереи jQuery в html, #imageGallery id

Я хочу иметь несколько лайтбоксов, поэтому я изменил id на class, как в html, так и в css.

Как я могу изменить его в javasctipt? У меня есть этот код, ссылающийся на конкретный идентификатор:

var glength = $('#imageGallery li').length;
$('#imageGallery a').click( function(event)
$('#imageGallery a').not(this).removeClass('active')
('#imageGallery li').first().find('img').trigger('click')
$('#imageGallery li').last().find('img').trigger('click');

Заранее спасибо

Answer 1

используйте . для класса # для идентификатора .. #imageGallery до .imageGallery это только для того, как выбрать класс ... но я уверен, что вам понадобится много вещей, чтобы сделать код работает для нескольких лайтбоксов .. см. следующий код может помочь

$('.imageGallery a').click( function(event){   // when click on <a>
  var Get_Lis = $(this).closest('.imageGallery').find('li'); // get the li's in the same `imageGallery`
  var glength = Get_Lis.length; // get number of li's
  $(this).closest('.imageGallery').find('a').not(this).removeClass('active'); // change all but this
  Get_Lis.first().find('img').trigger('click');  // for first li
  Get_Lis.last().find('img').trigger('click');   // for last li
});