Как использовать jQuery для получения элементов с одинаковым z-индексом?

Прямо сейчас у меня есть элементы с разнымиz-indexи я хочу сгруппировать их с помощью jQuery.

<code><div class="float" style="z-index:2"></div>
<div class="float" style="z-index:6"></div>
<div class="float" style="z-index:10"></div>
           .
           .
           .
<!-- You get the point -->
</code>

я могу использовать.attr("style") чтобы получитьz-index ценить, но это не очень хорошая идея, чтобы сделать это. (а иногда это может быть в<style> тег тоже) Есть что-нибудь подобное?

<code>var ele = $("*[zindex=5]");
</code>

Ждем любых решений.

 jimw13 мая 2012 г., 05:30
Хорошо, вы должны подать заявку.css() каждому элементу, чтобы получить его z-индекс. Попробуйте что-то вроде$('*').each(function() {console.log($(this).css('z-index'))});.
 jimw13 мая 2012 г., 05:20
Вы можете получить Z-индекс с.css('z-index'), а затем сортировать их с помощью простого JS.
 Derek 朕會功夫13 мая 2012 г., 05:24
@jimw -$("*").css('z-index') возвращается"0".

Ответы на вопрос(2)

Решение Вопроса

Создайте свой собственный пользовательский селектор:

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

Который вы могли бы затем использовать следующим образом:

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

Это вернет всеdiv элементы сz-index из2.

<div style="position:relative; z-index:2">Foo</div>
<div style="position:relative; z-index:6">Bar</div>

С вышеупомянутой разметкой более ранний сценарий jQuery будет предупреждатьFoo.

Демо-версия:http://jsbin.com/icevih/2/edit

 13 мая 2012 г., 05:51
+ 'd, отличное решение :)
 Derek 朕會功夫13 мая 2012 г., 05:49
Ой, забыл это.
 13 мая 2012 г., 05:48
z-index работает только на элементах, которыеpositioned: jsfiddle.net/juDfe/3
 Derek 朕會功夫13 мая 2012 г., 05:45
Не знает почему, но это не работаетjsfiddle.net/DerekL/juDfe/2

Если вы добавите эту функцию, то вы будете иметь их

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

Ваш ответ на вопрос