How to create a variable from CSS class attribute?

Question

I'm trying to create a variable to is defined by a single attribute of a CSS class. Here's what I have now, which doesn't work.

var dist = $('.nav').css(width());

What I am trying to do: my script slides the .nav class upon click. The problem is, I'm using @media queries that change the width of .nav, which is the same value I need to slide. What I'm trying to do here is define the variable "dist" by the width attribute of .nav - then I could just input "dist" as the slide distance in the function.

This is probably a pretty simple thing that I'm just doing horribly wrong. Or perhaps there is a far simpler way to do it?

downvoted for writing "any help is appreciated"... what a douche — user3180105
– user3180105, Commented Jan 16, 2014 at 20:41

T.J. Crowder · Accepted Answer · 2014-01-14 15:53:07Z

2

You're calling width as though it were a function and then (if that worked) passing its return value into css. But unless your page defines one, there's no free-standing width() function (there is one on jQuery instances).

You either want to pass the string "width" into css, or call the jQuery width function:

var dist = $('.nav').css("width");
// or
var dist = $('.nav').width();

answered Jan 14, 2014 at 15:53

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

1 Comment

user3180105 Over a year ago

cool that works. guess that's just a beginners mistake on my part. thanks

Collectives™ on Stack Overflow

How to create a variable from CSS class attribute?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related