Question

我有以下HTML代码：

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

我无法控制html所以我需要将img更改为jpg来测试它的外观：

所以我想替换这个字符串

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

Answer 1

尝试使用attribute ends with selector和.attr()的接收函数来完成您的任务，

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

DEMO

Answer 2

没有进一步的信息：

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

Answer 3

您应该捕获图像，并更改其src属性

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

Answer 4

你可以这样做：

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

如何在jquery中替换html字符串

4 个答案:

DEMO