Javascript 如何替换属性JQuery中的子字符串

在过去的几个小时里，我一直在寻找这样做的方法，却一无所获。我试图找出一种方法，只改变属性中的一个子字符串。我想做的一个例子就是改变

<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>

我可以手动检查并替换每个src，但是有20多个图像，如果可以的话，我希望有一种方法可以自动执行。有什么帮助吗？

使用

还是更好地利用

---

Read

可以运行

attr

中的所有逻辑，因此如果

 $('#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。复制了你的代码，但没有意义
这是一个类“.shaddowimages”不是id.Wow。现在我觉得自己像个白痴。谢谢你指出我眼睛看不见的东西。这个回答对我来说最有意义，谢谢你提供其他阅读的链接，这真的有助于向我解释。@Falahan欢迎乐于帮助：）我更改了1和10。这对我过度疲劳的头脑来说是有意义的，但是0和1更容易阅读。
$(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;
        }
    })
});

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

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

 $('#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;
    });
 });