Javascript 使用跨度的内容初始化数组

我不知道如何使用跨距内的文本初始化横幅数组。你知道吗？最好使用javascript或JQuery

<script language="javascript" type="text/javascript">
    var i = 1;

    function fun() {
        var banner = new Array();
        //How to init array here from inner text of spans?
        i++;
        document.getElementById("img1").src = "slide/" + banner[i] + ".jpg";
        if (i == 3) //here 2 is number of images i want to display in the slide show
        {
            i = 0;
        }
    }
    setInterval("fun()", 4000);
</script>

<div class="imagesContainer" style="display:none;">
        <span>
            73defe4b-9819-4e12-b351-3813686e0c83.gif
        </span>
        <span>
            4c2ed116-500d-42ad-8aa5-983bf214d5d3.png
        </span>
</div>

var i=1；
函数fun（）{
var banner=新数组（）；
//如何从spans的内部文本初始化数组？
i++；
document.getElementById（“img1”）.src=“slide/”+banner[i]+”.jpg”；
if（i==3）//这里2是我希望在幻灯片放映中显示的图像数
{
i=0；
}
}
setInterval（“fun（）”，4000）；
73defe4b-9819-4e12-b351-3813686e0c83.gif
4c2ed116-500d-42ad-8aa5-983bf214d5d3.png

您可以使用

---

---

PoC:

以下是使用jQuery的方法：

var banner = [];
$('.imagesContainer span').each(function() {
  banner.push($(this).text());
});
// you can now use the banner array here

您应该使用它，而不是静态文本，否则在未启用JavaScript的情况下访问您的站点的用户只会看到大量jibberish。

jQuery(function () {
    var i = 0;
    var banner = $('.imagesContainer span').map(function () {
        return $.trim($(this).text())
    }).get();

    function fun() {
        //How to init array here from inner text of spans?
        i++;
        if (i == banner.length) {
            i = 0;
        }
        $('#img1').attr('src', '//placehold.it/128/' + banner[i])
    }
    setInterval(fun, 1000);
})

var banner = [];
$('.imagesContainer span').each(function() {
  banner.push($(this).text());
});
// you can now use the banner array here