Javascript从表中获取图像src

Javascript从表中获取图像src,javascript,jquery,image,nested-loops,Javascript,Jquery,Image,Nested Loops,我有一张桌子,每个单元格里都有图像。我需要从单个单元格中获取图像src。表格创建是动态的,因此单元格的id从1向上递增。以下是我的代码示例: var i = 0; for (h = 0; h < height; h++) { for (w = 0; w < width; w++) { var src = null; if (document.querySelector("#gridcells grid1 img").src === null)

我有一张桌子,每个单元格里都有图像。我需要从单个单元格中获取图像src。表格创建是动态的,因此单元格的id从1向上递增。以下是我的代码示例:

var i = 0;
for (h = 0; h < height; h++) {
    for (w = 0; w < width; w++) {
        var src = null;
        if (document.querySelector("#gridcells grid1 img").src === null) {
            src = "random";
        } else {
            src = document.querySelector("#gridcells grid{i} img").src;
        }
        alert(src);
        i++;
    }
}
var i=0;
对于(h=0;h<高度;h++){
对于(w=0;w
但是,执行此操作时,会产生一个错误-“无法读取src null的属性”。我上传了更多的源代码,您可以在这里看到它的运行:


谢谢

您可以使用每个
循环所有图像:

$('#gridcells img').each(function() {
    if ( !$(this).attr('src')) ) {
        $(this).attr('src', 'random');
    }
});

演示:

在您的小提琴中,
高度
宽度
变量不在
get()
函数的范围内。这只是我代码中的一个小片段,高度和宽度都包含在范围内,完整的函数请参见JSFIDLE。我指的是FIDLE…?您用jquery标记了它,但它不包含jquery代码?@Liam,我在项目源代码中再次使用jquery。。看小提琴,太神奇了!我不知道我能做到这一点。非常感谢。它们需要添加到嵌套对象中,这在嵌套的foreach循环中可能吗?@NicholasMordecai不需要嵌套,这将为
gridcell
中的所有图像获得
src
,但是,如何将它们推到正确的对象中?4x4栅格的对象应如下循环。。var Map=[[1,2,3,4],[2,3,4,1],[4,2,1,4],[3,2,1,4]]这是图像源应替换数字的地方。