Question

我对Jquery很新，所以不要误以为我。我有一些图像，当用户点击图像时，应该减少其不透明度。当用户点击另一个图像时，它应该恢复其原始属性。

正则表达式替换和应用玻璃ID是其他更改。当用户点击其他图像时，如何重置css值。

这是我的Jquery代码。

$("#list img").click(function () {

$(this).css("opacity",".3");
var selectImgName =  $(this).attr("src");

selectImgName = selectImgName.replace("c", "b");

$("#glasses").attr("src", selectImgName);
    });
});

这是我的HTML代码。

<div id="list"   >
<img src="img/c1.png" style="display:box; width:125px; margin-left:5px; margin-top:9px" />
<img src="img/c2.png" style="display:box; width:125px;margin-left:5px;margin-top:9px"/>
<img src="img/c3.png" style="display:box; width:125px;margin-left:5px;margin-top:9px" />    
<img src="img/c4.png" style="display:box; width:125px;margin-left:5px;margin-top:9px"/>
</div>

Answer 1

只需恢复所有图像的原始不透明度，然后更改已单击的图像。

$("#list img").click(function () {
    $("#list img").css("opacity", "1");
    $(this).css("opacity",".3");
});

这应该有用。

Answer 2

这样的事情：

$("#list img").css("opacity","1"); //reset all
$(this).css("opacity",".3"); //set on clicked

重置Css值Onclick

2 个答案:

jsFiddle