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

Question

第 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

Answer 1

this是 DOM <img>元素，同时 main_pics是一个字符串数组。它永远不会在那里被发现。使用

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