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');
});

如何使用jquery替换图像src标记

4 个答案: