javascript - 将部分文件名替换为 javascript

Question

我想根据屏幕尺寸加载不同的图像，并且认为用 javascript 替换文件名中的文本可以优雅地实现这一点，只要我正确命名了相应的图像。我很接近这个，但接近并不能解决问题。

http://jsfiddle.net/B7QhZ/2/

Javascript:

if ($(window).width() > 960) {
    $("div:contains(_small.jpg)").html(function (i, currentVal) {
        return currentVal.replace("_small.jpg", "_large.jpg");
    });
}

HTML:

<img src="...test-image_small.jpg" />

正如您在我的 fiddle 中看到的那样，我可以使用它来处理文本，但不能处理文件名。

ps - 我特别不想在媒体查询类中加载图像作为背景图像。

Answer 1

完整功能:

if ($(window).width() > 960) {
    $("img[src$='_small.jpg']").each(function() {
        var new_src = $(this).attr("src").replace('_small', '_large'); 
        $(this).attr("src", new_src); 
    }); 

} else {
    alert('Less than 960');
}