javascript - 如何使用 jquery 替换图像 src 标签

Question

<div id="reader1" class="reader monelem_box">
    <div class="monelem_sheaf" style="position: absolute; overflow: hidden;">
        <div class="image">
            <img class="image" alt="image" src="images/img_001.jpg">

我要替换的javascript代码是

$("#reader1").attr("src", function () {
    return $(this).attr('src').replace("images", "sunset");
});

如何替换此src属性？

Answer 1

您正在选择div，您需要选择img元素。试试这个：

$("img.image").attr("src", function () {
    return $(this).attr('src').replace("images", "sunset");
});

Answer 2

你应该试试这个。而不是在那里 #reader1使用img.image

$("img.image").attr("src", function () {
   return $(this).attr('src').replace("images", "sunset");
});

或者

$("img.image").attr("src", function () {
   return this.src.replace("images", "sunset");
});

Answer 3

问题是你的选择器，给定你的例子，我会使用：

$('img.image', '#reader1').prop('src', function() {
  return $(this).prop('src').replace('images', 'sunset');
});

这将限制它<img>'s具有类image，并且是#reader1

Answer 4

$('#reader1 img.image').attr('src', function (i, a) {
    return a.replace('images', 'sunset');
});