How I can add additional path to img src using jquery in a certain div?

Question

I'm currently have this input for my img tag:

  <div id="myDiv">
      <img src="/assets/images/upload/test1.jpg" />
      <img src="/assets/images/upload/test2.jpg" />
      <img src="/assets/images/upload/test3.jpg" />
  </div>

How I can use jquery to add image path like /newfolder/ to all image tags in myDiv using jquery? I found that jquery can alter the image src...for example

$('#myDiv img').attr('src','/newfolder/assets/images/upload/test.jpg')

Now..how I can continuously find other images in myDiv and add pre-path like /newfolder/ to all image src in myDiv?

Andre Lehnert · Accepted Answer · 2015-06-05 17:17:53Z

1

var picRoot="/newfolder";

$('#myDiv img').each(function(){
    if ( $(this).attr('src').indexOf(picRoot)!== 0){
        $(this).attr('src', picRoot + $(this).attr('src'));
    }
});

Call it, if your content changes.

answered Jun 5, 2015 at 17:17

Andre Lehnert

5314 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How I can add additional path to img src using jquery in a certain div?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related