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">

My javascript code to replace is

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

How can I replace this src attribute?

Answer 1

The problem is your selector, given your example I’d use:

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

This will limit it to <img>'s which have the class image, and are descendants of #reader1