jquery属性+索引（分组）

Question

我有六个 <div class="gallery-popup"> 元素。在每个 <a href="..."> 标签内都有缩略图。我想要的是将属性 data-lightbox="gallery-X" 添加到每个 <a> 元素，但特定于这 6 个画廊中的每一个。例如，第一个 .gallery-popup 中的每个 <a>，第二个 gallery-2 中的每个 gallery-1，依此类推。我现在拥有的代码是：

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 ').find('a').each(function (index,div) {
        div.setAttribute('data-lightbox', 'gall-' + index);
    });

Answer 2

试试这个

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

See working example

更新

查看此图片我的代码执行此操作。

jquery属性+索引（分组）

jquery attribute + index (in groups)

jquery

attributes

lightbox