在我在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
});