Question

我使用下面的代码为来自img的alt标签的幻灯片显示选择背景颜色。目前，使用Math.random随机选择数组值。我想按照它们如何输入到数组中的顺序来选择它们。非常感谢帮助。

function captionUpdate() {
                var nextCaption = $('#'+uniqueId).find('.ss-slide:eq(-2) img').prop('alt');
                var bgColorArray = ['red','yellow','green'],
    selectBG = bgColorArray[Math.floor(Math.random() * bgColorArray.length)];

                //var count = 1;
                if (!nextCaption) {
                    $('#'+uniqueId).find(".ss-caption").css('opacity','0');

                } else {
                    $('#'+uniqueId).find(".ss-caption").css('opacity','1').html(nextCaption);
                    $('.ss-caption').css('background-color', selectBG);
                }
            }

Answer 1

您应该维护一个全局bgColorIndex变量，并在每次显示下一个标题时将其前进：

在您的标题之前全局放置：

var bgColorIndex = 0;

按以下方式更改您的选择BG：

selectBG = bgColorArray[(bgColorIndex++) % bgColorArray.length];

Jquery从数组中选择alt标签标题的背景颜色

1 个答案: