jquery - Jquery - div 内の各子を z-index で下位から上位にリストします

Question

jQuery で DIV のすべての子を一覧表示したい。しかし、この子を z-index で並べ替える必要があります。低いものから高いものへ。

jsFiddle の例

HTML

<div class="container">
    <div style="z-index: 1; ">1b</div>
    <div style="z-index: 10;">10</div>
    <div style="z-index: 3;">3a</div>
    <div style="z-index: 5;">5b</div>
    <div style="z-index: 7;">7</div>
    <div style="z-index: 2;">2</div>
    <div style="z-index: 3;">3b</div>
    <div style="z-index: 5;">5a</div>
    <div style="z-index: 1;">1a</div>
</div>

jQuery

$('.container').children().each(function () {
    alert( $(this).css('z-index') );
});

次のような順序付けられた出力を取得する必要があります。

1b
1a
2
3a
3b
5b
5a
7
10