jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用jQuery将z-index降序应用于li大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要计算li的数量,然后以相反的顺序添加z-index,如下所示:

<li style="z-index:3;"></li>
<li style="z-index:2;"></li>
<li style="z-index:1;"></li>

我不想在任何z索引上使用0或负数,并且它需要以相反的顺序.我想使用jQuery,因为我不知道这个列表中有多少li.

这是我到目前为止:

var numIndex = $("ul.progress li").length + 1;
    $("ul.progress li").each(
      function(numIndeX) {
        $(this).css("z-index",numIndex*-1);
    });

如果你知道我错过了什么,请告知.

解决方法

你知道你能 pass a callback argument to .css()吗?

var c = $('#list li').length;
$('#list li').css('z-index',function(i) {
    return c - i;
});

http://jsfiddle.net/mblase75/XuSX8/

大佬总结

以上是大佬教程为你收集整理的使用jQuery将z-index降序应用于li全部内容,希望文章能够帮你解决使用jQuery将z-index降序应用于li所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。