替换img属性仅在第一次使用时有效

Question

所以我有这个jQuery函数：

$('ul li').click(function () {
    var title = $('img', this).attr("title");
    $("a.songtitle span").text(title);

    var artist = $('img', this).attr("artist");
    $("a.songartist span").text(artist);

    var artwork = $('img', this).attr('src');
    artwork = artwork.replace('src');

    $('img.a').attr('src', artwork);
    $(this).addClass('playing').siblings().removeClass('playing');

    audio.load($('a#tunes', this).attr('data-src'));
    audio.play();
});

因此，当单击该按钮时，它将从img src属性获取专辑插图，并将其替换为当前。 如您在本示例中看到的那样，它仅在第一次工作，然后在您单击“下一步”时不再替换img src属性。 为什么会这样呢？ 如果有人可以提供帮助，将不胜感激。 谢谢！

Answer 1

这条线

$（'img.a'）。attr（'src'，图稿）;

正在使用类a替换所有图像的src属性值。

另外，您在此行上缺少第二个参数replace()

艺术作品= Artwork.replace（'src'）;

对您来说很幸运，除非图像URL中出现字符串“ src”，否则它什么也不做。

Answer 2

如果运行代码，然后在检查器/控制台中运行以下行：

$('img.a');

您会看到您已将每个图像更改为完全相同的来源。 您应该考虑给显示此信息的项目一个唯一的ID，以便您可以使用类似以下的代码来调用它：

$('#myID img').attr('src',artwork);

Answer 3

我似乎已经知道了。 我通过以下方法解决了它：

$('img.a:first').attr('src', artwork);