在我在html中的jQuery画廊灯箱中,#imageGallery ID

我想要几个灯箱,所以我将id更改为class,同时使用html和css。

如何在javasctipt中更改它?
我有这段代码引用了specifict id:

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');


提前致谢

最佳答案

.用于类#用于id .. #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
});

10-02 21:07