Найти последний элемент в div и его индекс в массиве

Question

Двойной щелчок по изображению в #train div удалит это изображение и все изображения, чтобы он был прав. var d должен вернуть последнее изображение в 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);