javascript - TypeError: e is not defined - 当尝试使用 JQuery each 来遍历 div 中的图像时

Question

我正在尝试选择“#gallery”中的所有“img”标签，然后依次检索每个标签的“src”属性，但无法使其正常工作。

我的 HTML 代码是：

<div id="gallery">
    <p><img src="/userfiles/image/medium/gallery1.jpg" alt=""></p>
    <p><img src="/userfiles/image/medium/gallery2.jpg" alt=""></p>
    <p><img src="/userfiles/image/medium/gallery3.jpg" alt=""></p>
    <p><img src="/userfiles/image/medium/gallery4.jpg" alt=""></p>
</div>

我的 JQuery 代码是：

$(function() {
    $('#gallery img').each(function() {
        var src = $(this).attr(src);
        console.log(src);
    });
});

我收到错误“TypeError：e 未定义”。有人可以告诉我我在这里做错了什么吗？

Answer 1

TypeError: e is not defined似乎在别的地方。e我在您发布的代码中找不到。

但是，您的代码中的错误是这样的。没有引号"src"

var src = $(this).attr("src");

Answer 2

取一个look here，它期望属性的字符串值

$(function() {
    $('#gallery img').each(function() {
        var src = $(this).attr('src');
        console.log(src);
    });
});

这fiddle对我有用，我删除了完整的图像路径，在 chrome 中运行以查看控制台输出......