Javascript 从 table 获取图片源

Question

我有一个 table，每个单元格中都有图像。我需要从单个单元格中获取图像 src。 Table 创建是动态的，因此单元格的 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++;
    }
}

然而，当这样做时，它会产生一个错误 - "cannot read property of src null"。我已经上传了更多的源代码，所以你可以在这里看到它运行：

https://jsfiddle.net/oecc4gpj/4/

谢谢

Answer 1

您可以使用each循环遍历所有图像：

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

演示：https://jsfiddle.net/tusharj/oecc4gpj/2/

Javascript 从 table 获取图片源

Javascript get image src from table

javascript

jquery

image

nested-loops