使用jQuery獲取相同的元素並更改值

Question

我有一個頁面，其中多次出現相同的Web部件。問題是z索引，因為webpart控件中的下拉列表打開了相同的Web部件，而該Web部件放在下面隱藏了它，因為它也具有相同的Z索引。因此，我試圖通過類獲取頁面中的所有元素，然后隨着webpart控件出現在頁面上，從而遍歷它們遞減z索引。

因此，如果控件有3個實例，則第一個獲得z索引60，第二個獲得50索引，第三個獲得40.下面可以使用類來選擇所有控件，因此如果有人可以告訴我如何獲得一個引用在類patern內具有該類的所有元素，然后遍歷它們，然后分配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);
});