用href中的图像替换另一个元素中的图像

Question

我想将a元素中的图像与img元素中的图像进行交换。

我曾与下面的脚本类似的情况做到了这一点：

$('a.testColorbox.cboxElement img').each(function() { 
var src = $(this).attr('src'); 
$(this).attr('src', src.replace("/70/70", "/640/480")); 
}); 

然而，由于文件结尾这个给定的元素这doesn't工作是〜640〜480〜1。如何瞄准这个元素？我有这几个元素，其中相同的变量是结束，所以我需要为目标的文件

70~70~1 
640~480~1 

HTML：

<li> 
    <a rel="colorboxRel-1637597101" href="/img/0~F76E4571-33C1-4CA6-A88C-0D8AFC3DCC6A~640~480~1" class="testColorbox cboxElement" onclick="return false;">  
    <img style="border-style:solid 1px;" src="/img/0~F76E4571-33C1-4CA6-A88C-0D8AFC3DCC6A~70~70~1" alt="Framsidan" title="Framsidan"> 
    </a> 
</li> 

Answer 1

如果img的原始的结尾永远是~70~70~1.jpg那么你就可以简化您的replace()电话，如下所示：

$('a.testColorbox.cboxElement img').each(function() { 
    $(this).attr('src', function(i, src) { 
     return src.replace("~70~70~", "~640~480~"); 
    }); 
});