JQuery重置所有其他子元素的z-index

Question

我试图在点击时将动态创建的元素置于其他元素之上，如下所示：

$("#clicks").on('click', '[id^=pin]', function (e) {
            for ($i = 0; $i <= $("#clicks").children('.pin').length;$i++){
                if ('pin' + $i == this.id) {
                    $(this).css({ 'z-index': '9999' });
                } else {
                    //How to set reset the z-index of other elements?
                }
            }
        })

Answer 1

z-index的默认值为auto，但您可以大规模简化代码以删除循环：

$("#clicks").on('click', '[id^=pin]', function (e) {
    $("#clicks .pin").css('z-index', 'auto'); // reset zIndex on all .pin elements
    $(this).css('z-index', 9999);             // set the clicked pin to the top
});

Answer 2

$("#clicks").on('click', '[id^=pin]', function (e) {
    $('[id^=pin]').css('z-index', '0'); //set z-index to all elements here
    $(this).css('z-index', '9999');
});