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

时间:2018-08-27 12:06:58

标签: javascript jquery slick.js

我正在尝试进行自定义导航,以滑动带有按钮的滑块,以扩展原始导航点的功能。

我要做的就是从滑块的每四张幻灯片中获取一个数据属性“ 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数组中的数据附加到具有相同data属性的每个元素。

谢谢。

1 个答案:

答案 0 :(得分:0)

我找到了解决方法:

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

这是非常基本的jQuery函数。 现在我知道了connexo的意思。

谢谢大家。