jquery属性+索引(分组)

Question

我有六个<div class="gallery-popup">元素。在每个<a href="...">标签中都有缩略图。我想要的是，将属性data-lightbox="gallery-X"添加到每个<a>元素中，但要针对这6个库中的每一个添加属性。例如，gallery-1对于第一个.gallery-popup中的每个<a>，第二个.gallery-popup中的gallery-2等等。我现在掌握的代码是：

var thumbnailInterval = setInterval(function () {
    if ($('.offer .box_info_potos div .gallery-popup li a').length) {
        console.log('found' + $('.offer ').length);
        clearInterval(thumbnailInterval);

        $('.offer .gallery-popup a').each(function (index) {
            var a = $(this).get()[0];
            a.setAttribute('data-lightbox', 'gall-' + index);
            console.log(a);
        });
    }
}, 100); 

Answer 1

尝尝这个

$('.offer .gallery-popup').each(function (index,item) {
    $(item).find('a').attr('data-lightbox','gall-'+(index+1));
});

见工作示例

更新

看到这张图片我的代码就这样做了。

​

​

Answer 2

试着像这样

 $('.offer .gallery-popup ').find('a').each(function (index,div) {
        div.setAttribute('data-lightbox', 'gall-' + index);
    });