将灯箱附加到现有画廊 jquery

Question

我正在尝试将灯箱附加到现场画廊。 Gallery 具有这样的结构，其中 class="flex-active-slide" 的变化取决于当前主要的照片。 enter image description here

enter image description here

通过 jquery，我插入了标签 a，它围绕标签 img 并添加属性 rel="lightbox" 来标记允许显示灯箱效果的标签。 enter image description here

此脚本适用于六个 img。如何为未知的预先数量的照片/标签img推广解决方案？ 我很高兴脚本可以工作，但我很困惑为什么它会生成一个额外的标签 a，而不是添加 href 和 rel。也许你知道它来自哪里？ enter image description here

var znacznik1 = $('.slides');
znacznik1.children().attr('class', 'myLi')

var znacznik2 = $(".myLi");
znacznik2.children().attr('class', 'image');
var i = 0;
$('.image').each(function(){
if(i<6){
i++;
}
else{
i=1;
}

$(this).attr('id','myImg' + i);

var img = document.getElementById("myImg" + 
i);
var tohref = img.getAttribute("src");

$('#myImg' + i).wrap('<a id="lightboxxx' + i 
+ '"></a>');
var lightbox = $('#lightboxxx' + i); 
lightbox.attr('href', tohref.toString());
lightbox.attr('rel', 'lightbox');
});

Answer 1

第一个问题：我加了

var count = ($(".slides").children().length)/2;

将 6 改为计数