如何使用jQuery获取具有相同z-index的元素？

现在，我有不同z-index元素，我想用jQuery对它们进行分组。

 
 
 
 . . .  

我可以使用.attr("style")来获取z-index值，但这似乎不是一个好主意。 （有时它也可能在标签中）是否有类似的东西？

 var ele = $("*[zindex=5]"); 

期待任何解决方案。

Answer 1

创建自己的自定义选择器：

 $.extend($.expr[':'], { zindex: function(el, i, m) { return $(el).css("z-index") === m[3]; } }); 

你可以这样使用：

 $("div:zindex(2)").each(function(){ alert( this.innerHTML ); }); 

这将返回z-index为2所有div元素。

 
Foo
 
Bar 

使用上面的标记，早期的jQuery脚本将提醒Foo 。

演示： http ： //jsbin.com/icevih/2/edit

Answer 2

如果你添加这个function，那么你将拥有它们

 $.fn.filterByZIndex = function(zIndex) { var $zElm = $("*").filter(function() { return $(this).css('z-index') == zIndex; }); return $zElm; };