Javascript从表中获取图像src

时间:2015-05-28 09:29:36

标签: 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 = "random";
        } else {
            src = document.querySelector("#gridcells grid{i} img").src;
        }
        alert(src);
        i++;
    }
}

然而,当这样做时,它会产生错误 - “无法读取src null的属性”。我上传了更多源代码,以便您可以在此处看到它:

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

由于

1 个答案:

答案 0 :(得分:2)

您可以使用each遍历所有图片:

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

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