在与加载的数组不同的数组中查找索引

Find index in array different from the array that loaded

本文关键字：数组 查找 索引 加载      更新时间：2023-09-26

第35行，就在警报之前，返回-1。我也尝试了$(this).index()，得到了同样的结果。它应该做的是：单击EN.gif应该返回4，然后grand_array_pics[4]应该给我en_array_pics，并在该数组中加载.gifs。

$(document).ready(function () {
    var main_pics = ["AN.gif", "BN.gif", "CN.gif", "DN.gif", "EN.gif", "GN.gif"];
    var starting_pics = ["AN.gif", "CN.gif", "EN.gif"];
    var an_array_pics = ["BN.gif", "EN.gif", "GN.gif", "AN.gif","DN.gif"];
    var bn_array_pics = ["CN.gif", "DN.gif", "GN.gif"];
    var cn_array_pics = ["DN.gif", "GN.gif", "AN.gif", "CN.gif"];
    var dn_array_pics = ["EN.gif", "AN.gif", "CN.gif"];
    var en_array_pics = ["GN.gif", "AN.gif", "CN.gif", "EN.gif"];
    var gn_array_pics = ["AN.gif", "CN.gif", "EN.gif", "GN.gif"];
    var grand_array_pics = [
        an_array_pics,
        bn_array_pics,
        cn_array_pics,
        dn_array_pics,
        en_array_pics,
        gn_array_pics
    ];
    var i = 0;
    for (i = 0; i < starting_pics.length; i++) {
        $("<img/>").attr("src", "images/" + starting_pics[i]).load(function () {
            $(this).appendTo("#main");
            $(this).addClass("pics");
        });
    }
    $("#main").on("click", ".pics", function () {
        var j = $.inArray(this, main_pics);
        alert(j);
        $("#sidebar .pics").remove();
        $(this).clone().appendTo("#train");
        $(this).clone().appendTo("#sidebar");
        $("#main .pics").remove();
        var chosen_pics_array = grand_array_pics[j];
        var count = chosen_pics_array.length;
        var k = 0;
        for (k = 0; k < count; k++) {
            $("<img/>").attr("src", "images/" + chosen_pics_array[k]).load(function () {
                $(this).appendTo("#main");
                $(this).addClass("pics");
            });
        }
    });
});       //end ready

this是DOM <img>元素，而main_pics是字符串数组。在里面永远找不到它。使用

var j = $.inArray(this.src.split("/").pop(), main_pics);

尝试一下。您需要获得文件的名称，然后将元素本身传递到$.inArray 中

var j = $.inArray(this.src.substring(this.src.lastIndexOf('/')+1), main_pics);
相关文章：