如何在jQuery中更改具有特定类的图像的一部分img src？答案

【问题标题】：How to change one portion of img src of images with particular class in jQuery?如何在jQuery中更改具有特定类的图像的一部分img src？
【发布时间】：2009-03-07 16:06:34
【问题描述】：

基本上尝试执行以下操作：

我有三种颜色：蓝色、绿色和红色

我有一组应根据所选颜色链接加载的图像。除了颜色之外，所有图像的格式都完全相同：

蓝色：img1.blue.jpg、img2.blue.jpg。 img3.blue.jpg 绿色：img1.green.jpg、img2.green.jpg、img3.green.jpg

我知道用“.”分割 src，但是如何更改所有具有特定类的图像的颜色部分？

【问题讨论】：

标签： jquery

【解决方案1】：

我认为是这样的：

$(".MYCLASSNAME").each(function(i){
    var ar = i.attr("src").split(".");
    ar[1] = newColor; // red, green, or blue
    i.attr("src", join(ar, "."));
});

【讨论】：

【解决方案2】：

这样的？你有这样的链接

<a href='#' customColor='blue' class='colorChangeLink'>Blue</a>

还有这样的图片：

<img src='img1.red.jpg' class='imgChangeColor'>
<img src='img2.red.jpg' class='imgChangeColor'>

这将改变图像的颜色。

$('.colorChangeLink').click(function () {
    var color = $(this).attr('customColor');
    $('.imgChangeColor').each(function (i) {
        //Note, this is pretty much Ithi's answer from here on.
        var arr = i.attr('src').split('.');
        arr[1] = color;
        i.attr('src', join(arr, '.'));
    });
    return false;
});

【讨论】：