查找div中的最后一个元素，它是数组中的索引

Question

双击#train div中的图像将删除该图像及其右侧的所有图像。 var d应该返回train div中的最后一个图像，var g应该返回main_pics数组中该图像的索引。

$(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 i = 0;
    for (i = 0; i < starting_pics.length; i++) {
        $("<img/>").attr("src", "images/" + starting_pics[i]).appendTo("#main").addClass("pics");
    }      
    // Code not relevant to the question.

    $("#train").on("dblclick", ".pics", function () {

        var l = $("#train").children(".pics").length;
        var c = $(this).index();
        $("#train").children().slice(c, l).remove();

        var d = $("#train").children(".pics").last()
        alert(d);
        var g = $.inArray(d.src.split("/").pop(), main_pics);
        alert(g);
    });
});    

Answer 1

以下是您的修复：

var d = $("#train .pics").last();
var g = $.inArray(d.prop('src').split("/").pop(), main_pics);