Question

我正在为一位朋友在一个网站上工作。其中一个部分是奖项展示，但它仍然是显示奖项照片的“小”版本，不能更改。但是，小版本和大版本之间的差异实际上只是源URL的一部分，它表示/ small /您将其更改为/ large /并显示正确的版本。我尝试使用JavaScript创建一个函数来为我这样做，因为屏幕上有不断变化的奖项数量，所有需要他们的“大”版本显示但是我不断收到此错误并且没有任何变化：

Cannot read property 'replace' at undefined members:467

这是我的所有JavaScript页面

$( document ).ready(function() {

    $( "#memberBlock" ).insertAfter( "#page" );
    $( "#memberContainer" ).append($("div.m_members"));

    // This is the code I tried using to change all the img's src
    $(window).bind("load", function() {
        $("img").each(function() {
            $(this).src = $(this).src.replace("small", "large");
        });
    });

});

Answer 1

jquery对象不提供属性src。

您可以执行以下操作：

this.src = this.src.replace("small", "large");

对象this是本机IMG DOMElement，它提供属性src。

另一种方法是通过函数src设置attr：

$(this).attr("src", $(this).attr("src").replace("small", "large"));

试图替换img src的片段无法读取未定义的属性'replace'

1 个答案: