Question

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

我在以下脚本的类似情况下做到了这一点：

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

然而，由于该给定元素的文件结尾为~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~");
    });   
});

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

1 个答案: