jquery - 重置 Css 值 Onclick

Question

我对 Jquery 很陌生，所以不要误会我。我有一些图像，当用户单击图像时，它的不透明度应该降低。当用户单击另一个图像时，它应该恢复其原始属性。

正则表达式替换和应用 glass 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

jsFiddle