如何使用jQuery更改菜单中列表项的z索引？

我正在为wordpress主题制作一个长菜单，它显示在两行上。问题是，最上面一行的子菜单出现在最下面一行的列表项下。我的解决方案是更改z索引，但我不知道菜单将包含多少元素，所以我使用jQuery。这是代码，但它不起作用。你能帮忙吗

jQuery(document).ready(function ($) {
    var items;
    items=jQuery(".menu>ul>li").length;

    for (var i=0; i<items; i++){
        jQuery(".menu>ul>li").css("z-index", function( items, i ){
            return items - i;
        });
    }

},"jQuery");

jQuery（文档）.ready（函数（$）{
风险值项目；
items=jQuery（“.menu>ul>li”）。长度；
对于（var i=0；i如果要反转列表，可以使用：

var list = $('.menu>ul');
var items = list.children('li');
list.append(items .get().reverse());

var num= $('.menu>ul>li').length; /* or suitably high number depending on your layout */
$('.menu>ul>li').each(function(i, item) {
    $(item).css('z-index', num - i);
});

这将颠倒顺序，使1,2,3变为3,2,1。
z-index

z-index CSS属性指定元素及其属性的z顺序
子体。当元素重叠时，z顺序决定哪一个
覆盖另一个。z索引较大的元素通常覆盖
元素与较低的元素

如果要反转
z索引
，可以使用：

var list = $('.menu>ul');
var items = list.children('li');
list.append(items .get().reverse());

var num= $('.menu>ul>li').length; /* or suitably high number depending on your layout */
$('.menu>ul>li').each(function(i, item) {
    $(item).css('z-index', num - i);
});

表示需要第一个li z-index 1、第二个li z-index 2和第三个li z-index 3？相反，我希望第一个元素具有最高的索引，依此类推。为什么要更改元素的“z-index”属性？“z-index”不是HTML元素的排序索引。根据定义，它是这样的：z-index属性指定元素的堆栈顺序。堆栈顺序较高的元素总是位于堆栈顺序较低的元素之前。意思是如果我们有5个li，那么第一个li z-index应该是5？我修改了这个问题，希望现在它更清楚。也许我问的问题不够清楚。实际上，我希望列表项目按正常顺序显示，但第一个项目位于下一个项目之上。我将修改问题！