javascript - 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
});