图像源中的 jQuery 通配符

Question

我想使用 jQuery 更改单击时图像的 src 属性。这是 HTML:

<a href="#" class="view2">View 2</a>
<img src="images/shoe1a.jpg" class="sb-player" />

在 img src 中，我想将“a”替换为“b”，但我的问题是我想忽略它前面的“1”，因为它也可能看起来像这样:

<img src="images/shoe2a.jpg" class="sb-player" />

我用 jQuery 到目前为止，星号是我需要通配符的地方:

$(function() {
    $('.view2').click(function() {
        $('.sb-player').attr('src', 'images/shoe'+*+'b.jpg');
        return false;
    });
});

是否有某个字符可以作为任何数字的通配符？

Answer 1

就.replace() src 字符串的整个结尾，将 a.jpg 替换为 b.jpg。

您可以传递一个函数 to .attr() .

参数i表示集合中的当前迭代，val是当前值。返回值代表新值。

$(function() {
    $('.view2').click(function() {
        $('.sb-player').attr('src', function(i,val) { 
             return val.replace('a.jpg','b.jpg');
        });
        return false;
    });
});