Jquery - 按z-index从低到高列出div中的每个孩子答案

【问题标题】：Jquery - list each children in div by z-index from lower to highestJquery - 按z-index从低到高列出div中的每个孩子
【发布时间】：2015-09-27 20:23:17
【问题描述】：

我想通过 jQuery 列出 DIV 中的所有子项。但我需要通过 z-index 订购这些孩子。从低到高。

jsFiddle Example

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

【问题讨论】：

标签： jquery z-index each highest

【解决方案1】：

你可以使用：

function sort_li(a, b){
  return (parseInt(a.style.zIndex,10)) > (parseInt(b.style.zIndex,10)) 
}

$(".container div").sort(sort_li).appendTo('.container');

Working Demo

【讨论】：

感谢您的帮助，但我不明白如何使用它。请问，你能做jsfiddle的例子吗？谢谢你。 :)
拜托，你能用 jsfiddle 更新吗？谢谢你:)
@Patrik：嘿帕特里克。对不起，我忘了放小提琴。肯定会在早上更新
拜托，这对我很重要 :-)
@Patrik：嘿。抱歉更新晚了。我正忙于其他工作，所以不能来。检查小提琴。