使用jQuery修改img src

时间:2014-01-03 20:06:41

标签: javascript jquery html image

我想以下列方式更改图像路径(基本上删除“-00x00”尺寸部分),以便这些示例:

<img src="/uploads/lorem_m_1-375x349.png">
<img src="/uploads/ipsum_m_1-248x378.png">
<img src="/uploads/dolor_m_1-392x298.png">

成为:

<img src="/uploads/lorem_m_1.png">
<img src="/uploads/ipsum_m_1.png">
<img src="/uploads/dolor_m_1.png">

谢谢。

1 个答案:

答案 0 :(得分:0)

查看此jsfiddle

<img src="/uploads/lorem_m_1-375x349.png">
<img src="/uploads/ipsum_m_1-248x378.png">
<img src="/uploads/dolor_m_1-392x298.png">

$('img').each(function() {
    var src = $(this).attr('src');

    $(this).attr('src',replaceNumbers(src));

    //console.log($(this).attr('src'));

});

function replaceNumbers(str) {
     var regex = /-\d+x\d+/;

    return str.replace(regex,'');     
}

replaceNumbers()只需要一个字符串(在本例中为您的图像源),并将“-00x00”替换为空字符串。然后,它返回该字符串,并在jQuery 每个方法中,每个图像源被替换为其更改的值。