我有一个页面,其中我有多次出现相同的webpart。问题是z索引,因为当webpart控件中的下拉列表打开时,下面放置的同一个webpart隐藏它,因为它也有相同的z index。所以我试图在页面中使用类获取所有元素,然后想要循环遍历它们,当webpart控件出现在页面上时,递减z索引。
因此,如果有3个控件实例,第一个获得az索引60,第二个获得50,第三个获得40.所有控件都可以选择,下面是使用类。所以,如果有人可以告诉我我是怎么做的可以获取对类patern中具有类的所有元素的引用,然后遍历它们然后分配z索引。
$(document).ready(function() {
$('.Wrapper .selectbox').css('z-index', '100');
});
由于
答案 0 :(得分:1)
$($('.Wrapper .selectbox').get().reverse()).each(function(i){
$(this).css('z-index', i * 20);
});
或者如果你想要清理它,创建一个简单的函数:
jQuery.fn.reverse = [].reverse;
并使用以下语法:
$('.Wrapper .selectbox')reverse().each(function(i){
$(this).css('z-index', i * 20);
});