2

在过去的几个小时里，我一直在寻找一种方法来做到这一点，但一无所获。我试图找出一种方法来仅更改属性中的子字符串。我想做的一个例子是改变

<a href="media/gallery/jtnp/JT.JPG" rel="shadowbox[JTNP]" title="Joshua tree" class="shaddowimages"><img id="JTth" src="media/gallery/jtnp/b_thum/JTthumb.JPG" alt="A small Joshua tree"></a>

至

<a href="media/gallery/jtnp/JT.JPG" rel="shadowbox[JTNP]" title="Joshua tree" class="shaddowimages"><img id="JTth" src="media/gallery/jtnp/s_thum/JTthumb.JPG" alt="A small Joshua tree"></a>

这是我到目前为止所拥有的，但是当我尝试按下按钮#changethumb 时没有任何反应。

$(document).ready(function() {

    var count = 0;

    $('#changethumb').click(function() {

        if (count === 0) {
            $('#shaddowimages img').each(function() {
                $(this).attr('src', $(this).attr('src').replace('b_', 's_'));
            });
            count = 1;
        } else {
            $('#shaddowimages img').each(function() {
            $(this).attr('src', $(this).attr('src').replace('s_', 'b_'));    
            });
        count = 0;
        }
    })
});

我可以手动浏览并替换每个 src，但是有 20 多张图像，如果可以的话，我想要一种方法来自动化它。有什么帮助吗？

4

2 回答 2

2

使用.attr(attributeName, function(index, attr) )

$('#shaddowimages img').attr('src', function (i, old) {
    return old.replace('b_', 's_');
});

或更好地使用.prop(propertyName, function(index, oldPropertyValue) )

$('#shaddowimages img').prop('src', function (i, old) {
    return old.replace('b_', 's_');
});

阅读.prop() 与 .attr()

于 2013-11-07T05:34:26.107 回答
0

可以在其中运行所有逻辑，attr因此您不必在您的'if

 $('#changethumb').click(function() {
    $('#shaddowimages img').attr('src', function (i, src) {
         var newSrc= count==1 ? src.replace('b_', 's_') : src.replace('s_', 'b_');
         count=  count == 1 ? 10 : 1;
          return  newSrc;
    });
 });

看起来很奇怪，count只有 1 或 10。复制了您的代码，但没有意义

于 2013-11-07T05:42:51.987 回答