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これにより、 class を持ち、のimage子孫であるものに制限されます#reader1

Answer 4

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