将数据属性附加到数组中的元素列表

Question

我正在尝试制作一个自定义导航，以使用按钮滑动滑块，从而扩展原始导航点的功能。

我需要做的就是从滑块中的每四张幻灯片中获取一个数据属性 'data-slick-index'，并将其附加到我的 HTML 中已经存在的相同数量的元素（它们是生成的来自后端）。

我设法用这段代码收集了我需要的每张幻灯片的所有数据属性：

var tableSlideIndexes = [];
$(currentSlider).find('.slick-slide:nth-child(3n - 2)').each(function() {
    var indexedSlide = $(this);
    tableSlideIndexes.push([ indexedSlide.data('slick-index') ]);
});

但现在我不知道如何将 tableSlideIndexes 数组中的数据附加到具有相同数据属性的每个元素。

提前致谢。

Answer 1

我找到了解决方案：

$(currentSlider).parents('.big-table').prev('.quarters-navigation').find('.year-nav').each(function(i) {
    $(this).attr('data-slick-index', tableSlideIndexes[i]);
});

这是非常基本的 jQuery 功能。现在我知道connexo是什么意思了。

谢谢大家

将数据属性附加到数组中的元素列表

Appending data-attribute to list of elements from array

javascript

jquery

slick.js