javascript - 查找 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);