Jquery: How to find if element has inline property (not in CSS)

Question

I have a tag such as:

<div class="menu" style="display:relative;">

..and I am trying to check with:

if ($('.menu').css('display','relative'))

.. the CSS for .menu has display:fixed; so it's ignoring the inline style and returning negative for if.

What's the best way to check the active style attribute on an element regardless if in CSS or inline?

Thanks.

That's not how you check the value; you're setting the display property as relative when you call $('.menu').css('display', 'relative'). Check the API reference for the getter function. — Kevin Ji
– Kevin Ji, Commented Dec 15, 2013 at 21:36

ChrisF · Accepted Answer · 2013-12-21 16:51:40Z

5

With your code you are setting display attribute with relative.
try this:

if ($('.menu').css('display') == 'relative'){
   //your code
}

The problem is that display hasn't attribute relative, maybe you mean position like this:

<div class="menu" style="position:relative;">

and jQuery:

if ($('.menu').css('position') == 'relative'){
       //your code
    }

ChrisF

138k31 gold badges265 silver badges335 bronze badges

answered Dec 15, 2013 at 21:38

36.1k22 gold badges128 silver badges176 bronze badges

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

1 Comment

Thanks this works. Sorry about the typo i wrote Display instead of Position, the typo was here only.

ChrisF · Accepted Answer · 2013-12-21 16:51:17Z

4

There is no display:relative in CSS. it is position:relative

ChrisF

138k31 gold badges265 silver badges335 bronze badges

answered Dec 15, 2013 at 21:38

huda

1461 silver badge7 bronze badges