jQuery, 클릭할때마다 z-index 최상위, 맨앞으로, 맨위로 > script

출처 : http://jsfiddle.net/Xf3pQ/4/

<div style="background-color:red;z-index:1;position:absolute;left:30px;top:40px;width:50px;height:50px;">.</div>

<div style="background-color:yellow;z-index:2;position:absolute;left:50px;top:50px;width:50px;height:50px;">.</div>

<div style="background-color:blue;z-index:3;position:absolute;left:40px;top:60px;width:50px;height:50px;">.</div>

<script>

maxZ = $('div:last').css("zIndex");

$("div").on("click",function()

    {

        maxZ++;

      $(this).css('z-index',maxZ);           

    }

);

</script>