javascript - 使用 jquery 获取相同的元素并更改值

Question

我有一个页面，其中多次出现相同的 webpart。问题是 z 索引，因为当 webpart 控件中的下拉菜单打开放置在下方的相同 webpart 时，它会隐藏它，因为它也具有相同的 z 索引。因此，我试图通过类获取页面中的所有元素，然后希望在 webpart 控件出现在页面上时通过它们递减 z 索引进行循环。

因此，如果有 3 个控件实例，第一个获得 az index 60，第二个获得 50，第三个获得 40。所有控件都可以选择，下面是使用类。所以如果有人能告诉我如何获得引用在类模式中具有类的所有元素，然后循环遍历它们，然后分配 z 索引。

  $(document).ready(function() {

    $('.Wrapper .selectbox').css('z-index', '100');


});

谢谢

Answer 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);
});