javascript - 使用 jQuery 将目录添加到图像源

Question

我的网站有 5 行，每行都有一个图像。

单击后，图像尺寸会增加，但 id 然后喜欢在图像源前面添加一个目录，以便它变成不同的图像。

这可以用 jQuery 实现吗？

目前

<img src="image.jpg" />

我想要什么

<img src="hires/image.jpg" />

我读过有关使用“数据源”标签的信息，但我似乎无法让任何东西发挥作用？

尝试过

$('img').click(function(){
    $(this).attr({'src'}).prepend('hires');
});

Answer 1

这是您要找的吗？

$('img').click(function(){
    $(this).attr('src', function(i, value) {
        return 'hires/' + value;
    });
});

它会在每次点击时添加 hires/ 。您可以使用 .indexOf 测试它是否已经存在:

$(this).attr('src', function(i, value) {
    return value.indexOf('hires/') === -1 ?  'hires/' + value : value;
});

如果您想在 hires/ 和非 hires/ 之间切换，请删除该字符串(如果存在):

$(this).attr('src', function(i, value) {
    return value.indexOf('hires/') === -1 ?  
        'hires/' + value : 
        value.replace('hires/', '');
});

<小时/>

.prepend 是一种添加 DOM 元素的 jQuery 方法。它不是 native 字符串方法。那里的大括号也是错误的(语法错误)。