How to replace a html string in jquery

Question

I have the below html code:

<td colspan="2" class="logo_padding">
   <table cellpadding="0" cellspacing="0" width="80%">
       <tbody>
          <tr>
            <td>
                <a class="logo" href="mysite.com/"><img src="http://mysite/images_mysite/logo.gif" alt="" title="" border="0"></a>
            </td>
          </tr>                     
      </tbody>
   </table>

I don't have control over the html so I need to change the img to jpg to test how it looks :

so I want to replace this string

   http://mysite/images_mysite/logo.gif with this : http://mysite/images_mysite/logo.jpg

And where are you stuck? Post your attempt

A. Wolff
– A. Wolff

2014-04-08 08:40:43 +00:00
Commented Apr 8, 2014 at 8:40 — A. Wolff
– A. Wolff, Commented Apr 8, 2014 at 8:40

jAndy · Accepted Answer · 2014-04-08 08:50:41Z

2

Without further information:

$('a.logo img').attr('src', function(_, src ) {
    return src.replace(/\.gif$/, '.jpg');
});

edited Apr 8, 2014 at 8:50

answered Apr 8, 2014 at 8:43

jAndy

237k57 gold badges313 silver badges363 bronze badges

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

Comments

Rajaprabhu Aravindasamy · Accepted Answer · 2014-04-08 08:48:29Z

2

Try to use the attribute ends with selector and the receiver function of .attr() to accomplish your task,

$('img[src$=".gif"]').attr('src',function(i,val){
  return val.substring(0,val.lastIndexOf('.')) + ".jpg";
});

DEMO

edited Apr 8, 2014 at 8:48

answered Apr 8, 2014 at 8:42

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

Comments

yossi · Accepted Answer · 2014-04-08 08:43:13Z

0

You should catch the image, and change its src property

$(".logo_padding a.logo img").prop("src", "http://mysite/images_mysite/logo.jpg");

answered Apr 8, 2014 at 8:43

yossi

3,1748 gold badges51 silver badges70 bronze badges

Comments

Felix · Accepted Answer · 2014-04-08 08:43:51Z

0

You can do:

$('.logo img').each(function() {
    var src = $(this).attr("src");
    $(this).attr("src", src.replace(/\.gif$/i, ".jpg"));
});

answered Apr 8, 2014 at 8:43

Felix

38.2k8 gold badges45 silver badges56 bronze badges

Collectives™ on Stack Overflow

How to replace a html string in jquery

4 Answers 4

Comments

DEMO

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related