代码之家  ›  专栏  ›  技术社区  ›  Tharindu Pramuditha

jquery页面加载后如何替换image-src

  •  0
  • Tharindu Pramuditha  · 技术社区  · 7 年前

    在加载页面后,如何使用jquery更改image-src的特定部分?

    这是一个示例链接,

    <img src="https://example.com/73832d3c5fca_175x175_c0b~bn1v1.jpg">

    我想换一个 b1n1v1 具有 bn1v1 完全呈现页面后。

    这是我到目前为止一直想做的,但不起作用。

    $(document).ready(function() {
        return $(this).text().replace("b1n1v1", "bn1v1");
    });
    

    谢谢您!

    3 回复  |  直到 7 年前
        1
  •  2
  •   Rory McCrossan Hsm Sharique Hasan    7 年前

    你的语法不太正确 this 指的是 window 和 return 在那一点上是多余的。

    为了让这一切都有效 img 页面中需要循环使用的元素。为此,您可以提供一个函数 attr() 它接受当前值作为参数并返回新值。试试这个:

    $(document).ready(function() {
      $('img').attr('src', function(i, s) {
        return s.replace("b1n1v1", "bn1v1");
      });
    });
    
        2
  •  4
  •   Roy Bogado    7 年前

    把每一个图像都揉成一团,然后把它们替换掉。 .attr('src')

    $(document).ready(function() {
       $('img').each(function(){
            $(this).attr('src',$(this).attr('src').replace("b1n1v1", "bn1v1"));
        });
    });
    

    每个 https://api.jquery.com/each/

        3
  •  0
  •   Nicolae Maties Richard Jordan    7 年前
    1. 向该图像添加类 imageClass .

      $('.imageClass').attr('src').replace('bn1nv1', 'bn1v1');