javascript - 如何使用 jquery 将 img src 字符串从以 _m 结尾更改为 _t 一组图像

Question

我希望在正确的方向上得到很好的插入我想改变我的图像源字符串的结尾......我希望我的措辞是正确的。

无论如何，我当前的 src 正在阅读:

<img src="something/something/12345_m.jpg" />

我想把它改成:

<img src="something/something/12345_t.jpg" />

有什么想法吗...谢谢!

Answer 1

这个比较安全:

$('img').each(function () {
    var src = $(this).attr('src');
    $(this).attr('src', src.replace(/_m(\.[^.]+)?$/, '_t$1');
});

否则，在使用 eKek0 的答案时，您可能会冒着像 /bat_man/images/oh_my_god_m.png 这样的 URL 最终变成 /bat_tan/images/oh_my_god_m.png 的风险。

---

正则表达式/_m(\.[^.]+)?$/的解释:

• /.../ 只是图案边框。
• _m 匹配文字 _m。
• (...) 匹配分组，结果中第一个以$1结尾。
• \. 匹配文字 .。因为 . 是正则表达式中的一个特殊字符，它被 \.
转义。
• [...] 表示一组字符。
• ^. 匹配所有但文字 .。因为它在一个组内，所以不需要转义。
• + 匹配一个或多个字符。
• ? 前一组是可选的(对于没有文件扩展名的情况)。
• $ 匹配必须出现在字符串的末尾(因此不在中间左右)。