jQuery find style attr of ID

Question

How can I find the style attribute of a particular ID element?

E.g

desc = "#thisID";
desc_style = desc.attr('style');
console.log(desc_style);

Edit for clarification, above is an example.

Desc variable holds string #thisID.

How do I find the style attribute of that ID?

desc = $("#thisID"); Don't forget to include jquery to your html head tag — Mohamed-Yousef, Dec 12 '14 at 11:47
OK, this was just an example. The desc is a string. How do I find the attribute of that ID? — Francesca, Dec 12 '14 at 11:49
possible duplicate of [Can jQuery get all CSS styles associated with an element?](http://stackoverflow.com/questions/754607/can-jquery-get-all-css-styles-associated-with-an-element) — jbutler483, Dec 12 '14 at 11:49
@AlexChar this works please add as an answer so I can mark correct — Francesca, Dec 12 '14 at 11:52

score 4 · Accepted Answer · answered Dec 12 '14 at 11:53

4

As mention in my comment desc is a string not an jquery object, so you can't use jquery methods. You can simple use:

$("#thisID").attr("style");

answered Dec 12 '14 at 11:53

Alex Char

score 0 · Answer 2 · answered Dec 12 '14 at 11:49

0

A jQuery object is returned with this syntax

desc = $("#thisID");

you can then get the style as you were doing

desc_style = desc.attr('style');
console.log(desc_style);

EDIT:

If you want to keep desc as a string, do this:

desc = "#thisID"
desc_style = $(desc).attr('style');
console.log(desc_style);

answered Dec 12 '14 at 11:49

roryok

I have clarified in OP. The code was an example. #thisID is correctly stored in a string. How do I find the style attribute contents of that ID? – Francesca Dec 12 '14 at 11:50

score 0 · Answer 3 · answered Dec 12 '14 at 11:51

0

If desc holding string #thisID, then

desc_style = $(desc).attr('style');
console.log(desc_style);

Or, if desc only holding thisID, then you need to concat # before it

desc_style = $("#" + desc).attr('style');
console.log(desc_style);

answered Dec 12 '14 at 11:51

Bharadwaj

jbutler483 · Answer 4 · 2014-12-12T11:57:47.697

0

You could use something like:

("'"+desc+"'").css("styleToGet","settingItIsOptional");

if desc is a string value of #MyElementsID

If you just wanted to remove the desc altogether, you can use:

("#MyDivID").css("styleToGet","settingItIsOptional");

I believe getting the attr("style") may or may not be a better option here, but it depends on your requirements I suppose.

edited Dec 12 '14 at 11:57

answered Dec 12 '14 at 11:52

jbutler483

4 Answers4