好的,这听起来可能很含糊,但是我会尽力解释。

我有一张图片,并使用.attr('src')函数收集了它的来源。此图像是其他5个图像之一,所有图像均位于同一div中。到目前为止,我已经收集了两件事:


var src,其中包含我单击的图像的URL。
var array,一个包含div中所有图像的数组。


这是HTML结构:

<div class="images">
 <img src="path1" />
 <img src="path2" />
 <img src="path3" />
 <img src="path4" />
 <img src="path5" />
</div>


想象一下,我单击了第三张图像。变量“ src”将包含值“ path3”。我希望,当我单击页面底部的箭头图标时,该值将被切换为数组中的上一项“ path2”。

我该怎么做呢?

最佳答案

假设变量srcarray

var index = array.findIndex(function(img) {
    return img.src === src
})

var elementYouWant = array[index - 1]


您可以添加index是否为零的检查,因为在这种情况下,index - 1将为-1,而elementYouWant将为undefined。与array.length相同

关于javascript - 检查数组是否包含某些字符串,然后选择该项目,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/39468310/

10-09 06:13
查看更多