jQuery check if element has css attribute

Question

I need to know when I click on an element if this element has a CSS attribute. I am thinking of something like this, but it does not work:

if ($('#element').attr("text-shadow")) {
    alert ('i Have')
}
else {
    alert ('i dont')
}

Any tips on this one? Thanx

Robert Harvey · Accepted Answer · 2010-04-21 18:58:06Z

29

if( $('#element').css('text-shadow') != null )  { 
    /*success*/ 
} 
else { 
    /*does not have*/ 
}

edited Apr 21, 2010 at 18:58

Robert Harvey

182k48 gold badges349 silver badges516 bronze badges

answered Apr 21, 2010 at 18:56

Stefan Kendall

68.2k69 gold badges259 silver badges409 bronze badges

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

5 Comments

Mircea Over a year ago

for some reason this does not work. There must be something wrong with my code.

Stefan Kendall Over a year ago

It works for me with 1.4.2. Which version of jQuery are you using. Which browser? Can you provide a sample .html page and host it somewhere so I can debug the issue and see what's going on?

Stefan Kendall Over a year ago

@Bears: Maybe, but in this specific instance, the two should be equivalent, and your solution is an extra non-compressable byte :P.

Mircea Over a year ago

Sorry it was a browser thing. i restart it and works now. Thanx.

Tyler Lazenby Over a year ago

Would this work if I needed to check a certain attribute's current value (example >> left: 0)?

yuliskov · Accepted Answer · 2016-01-08 01:07:42Z

3

In case you want to test 'width' style property. Behavior in Firefox is slightly differ from other browsers.

if (jQuery(value).css('width') == '0px') { // width not set
    jQuery(value).css('width', '320px');
}

edited Jan 8, 2016 at 1:07

answered Jan 7, 2016 at 14:44

yuliskov

1,51717 silver badges17 bronze badges

Comments

Jimmy Baker · Accepted Answer · 2010-04-21 19:01:32Z

2

How about this instead:

if($('#element').css('text-shadow') == null) ...

answered Apr 21, 2010 at 19:01

Jimmy Baker

3,2551 gold badge27 silver badges27 bronze badges

1 Comment

Jimmy Baker Over a year ago

Yes, thank you. I opened this question before any answers had been posted then stepped away from my desk for a moment. My apologies.

prendio2 · Accepted Answer · 2010-04-21 18:56:50Z

1

$('#element').css("text-shadow")

answered Apr 21, 2010 at 18:56

prendio2

1,89517 silver badges25 bronze badges

Comments

Lucifer · Accepted Answer · 2018-03-16 08:14:55Z

1

How about this

if ($('#element')[0].style.text-shadow != '') {
    alert ('i Have')
}
else {
    alert ('i dont')
}

edited Mar 16, 2018 at 8:14

Lucifer

29.7k25 gold badges93 silver badges144 bronze badges

answered Mar 16, 2018 at 8:13

Khanh Huynh

111 bronze badge

Collectives™ on Stack Overflow

jQuery check if element has css attribute

5 Answers 5

5 Comments

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

5 Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related