javascript - 使用 jQuery 更改字符串的一部分

Question

我确定这很简单，但我无法弄清楚。

我有这个 HTML：

<img src="/7290/9200572193_f95fb66c50_m.jpg" />

我需要更改为

<img src="/7290/9200572193_f95fb66c50_b.jpg" />

这并不总是相同的图像，但_m.jpgand_b.jpg是。我怎么能用 jQuery 做到这一点？

Answer 1

You can do:

var imgSrc = "/7290/9200572193_f95fb66c50_m.jpg";
imgSrc = imgSrc.replace("_m.jpg", "_b.jpg");

Answer 2

Something like this may help you:

$( "img" ).each(function() {
  var src = $( this ).attr( "src" );
  $( this ).attr( "src", src.replace( /_m\.(.*)$/, "_b.$1" ) );
});

This will not depend on the extension of your src attribute.

Answer 3

使用 .循环遍历“img”标签$("img").each(function(){ doStuff(); });。用 更改属性attr("attribute","new_value")，用 获取属性attr("attribute")。替换为replace("from","to")。

$("img").each(function(){
  $(this).attr("src",$(this).attr("src").replace("_m","_b"));
});

Answer 4

In short, use.replace. Such as:

"/7290/9200572193_f95fb66c50_m.jpg".replace('_m.jpg', '_b.jpg');
/*  OR  */
var url = "/7290/9200572193_f95fb66c50_m.jpg";
url.replace('_m.jpg', '_b.jpg');

---

You use .each() in jQuery to loop through a group of elements. Thus you can use a simple selector like $('img') to select all images on the view and then make changes in the callback method. You would then use .prop to both set and get the current src and change it using old fashioned .replace

$("img").each(function(i) {
    $(this).prop("src", $(this).prop("src").replace('_m.jpg', '_b.jpg'));
});

Example