Javascript点击即可获取索引

Javascript get index on click

本文关键字：获取 索引 Javascript      更新时间：2023-10-02

我在3d美术馆中使用纯Javascript。我有一个图像源数组，通过从该数组中提取来填充某些列。我需要在点击时获得图像的索引，这样我就可以使用它从所述数组中提取更多信息。。。标题、说明。

我可以用jQuery做到这一点，但我正在努力学习简单的Javascript。我已经在所有的图片上都有活动监听器了。这是当前代码：

var preview = document.getElementById('preview');
var subwrap = document.getElementById('subwrap');
var indexMatch;
for (var i=0; i <= imgList.length; i++){
    document.images[i].addEventListener("click", srcSend, false);
}
function srcSend(){
    var previewTitle = "Test Title";
    var previewText = "Test Description";
    var imgSrc = this.src;
    console.log('Image Source ='+''+imgSrc+'');
    if (imgSrc !== "file:///D:/Projects/mpaccione/img/navicon.png"){
    preview.className = " ";
    subwrap.className = "hide";
    preview.className = "show";
    preview.innerHTML = '<img src='+imgSrc+'><p id="title">'+previewTitle+'</p><p id="description">'+previewText+'</p>';   }}

您应该能够在图像集合上使用Array.indexOf。

function srcSend(){
    var index = Array.prototype.indexOf.call(document.images, this);
}

您可以将索引发送到srcSend函数。

for (var i=0; i <= imgList.length; i++){
    document.images[i].addEventListener("click", function(){
        return (function(index) {
            srcSend(index);
        })(i);
    }, false);
}
相关文章：