javascript - 单击时更改图像的 z-index

Question

我已经尝试了很多东西，但没有任何效果。

当我点击法师时，我希望它的 z-index 为“9999”。当我点击显示另一张图片时，我希望前一张图片的 z-index 回到“0”。

基本上，我只想一次显示一张图片 - 我希望为每张图片运行一个特定的函数。

http://jsfiddle.net/WarrenBee/a78R7/

请帮助我!

Answer 1

将您的 JavaScript 更改为:

$('.char').click(function () {
    $('.char img').css({'z-index' : '0'});
    $(this).children('img').css({'z-index' : '9999'});
});

这会将 char 类中所有 img 的 z-index 设置回 0，然后将被点击的设置为 9999。