How do I pass an expression into jQuery .css method

Question

I got N of li. And an element inside of li that needs to take a width depending on how many li there will be.

Here's what I get

var breadcrumb = $( '#crumbs ul li a' );
var bradcrumbCounter = $( '#crumbs ul li' );

breadcrumb.css("width", )

breadcrumbCounter.length returns 2.

I was planning to use it like in SASS, for example:

var widthCalculator = (100 / breadcrumbCounter.length) * 1%;

and insert it after "width", so that the width is set depending on the amount of li elements.

breadcrumb.css("width", widthCalculator);

But it doesn't seem to work. Where am I wrong?

UPDATE

Solved:

breadcrumb.css( {width: 100 / breadcrumbCounter.length + '%'} );

Sten Muchow · Accepted Answer · 2014-11-02 14:21:51Z

3

var widthCalculator = (100 / breadcrumbCounter.length) * .01;

not

var widthCalculator = (100 / breadcrumbCounter.length) * 1%;

Cannot use % this way...

answered Nov 2, 2014 at 14:21

Sten Muchow

6,7314 gold badges38 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1