Home/ Questions/Q 7781505
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T19:14:55+00:00

I’m using CSSLess and JQuery and am trying to count the number of LI

  • 0

I’m using CSSLess and JQuery and am trying to count the number of LI elements in an unordered list so I can divide that number for the width.

ul.navBar {
    li {
        float: left;
        width: (100% / `$(".navBar li").length()`);
    }
}

The output should appear as tabs side by side like a standard nav bar menu.

Is there a way to write this without JQuery?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You want to do this:

    li { 
    float: left; 
    width: ~`(100/$('.navBar li').length)+'%'`;
}

    The ~ tells less that you don’t want it to mess with the output.

    You could also use percentage: 

    width: percentage(`1/$('.navBar li').length`);

    This only works if you don’t have borders, padding, etc that would make your li elements any wider. Also, you must load this at the bottom of your body, otherwise the jQuery will run before your DOM is ready:

    <body>
  ...
  <link rel="stylesheet/less" type="text/css" href="mystyles.less"> 
  <script src="less.min.js" type="text/javascript"></script> 

</body>

    Demo: http://jsfiddle.net/jtbowden/ZJ2HV/

    • 0