Getting inline css value with jquery

Question

How can I get inline-css right value of second child of the div #one using jQuery.

<li id="one">
  <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia, velit!</h2>
  <div style="width: 1425px; height: 1080px; right: 55px; top: 0px;">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo dolorum reprehenderit natus consequuntur magnam exercitationem nemo similique labore laudantium iure libero at minus, aperiam sequi. Officiis rem optio, quasi perspiciatis facilis est. Aliquam quisquam atque ea earum odit, itaque, excepturi accusamus quasi neque voluptatibus ipsum error qui facilis magnam eveniet.</p>
  </div>
</li>

Oh, I'm trying to get the value of right: 55px from the div. — Tan Kucukhas
– Tan Kucukhas, Commented Oct 29, 2015 at 20:11

yeouuu · Accepted Answer · 2015-10-29 20:22:44Z

3

Check out this documentation: http://api.jquery.com/css/ You can get inline css for 'right' like this:

$('div').css('right')

Or if you want to be more specific:

$('#one div').css('right')

if you want the first div:

$('#one div').first().css('right');

// you can also do this
$('#one div:first').css('right');

edited Oct 29, 2015 at 20:22

answered Oct 29, 2015 at 20:10

yeouuu

1,9233 gold badges16 silver badges32 bronze badges

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

4 Comments

Tan Kucukhas Over a year ago

I need to reach the div through parent ID, I have multiple divs with right attributes.

yeouuu Over a year ago

is the div you want to access always the first div inside the li ?

area28 Over a year ago

Is #001 a valid CSS selector? It begins with a number.

yeouuu Over a year ago

Well strictly speaking I think an id attribute has to begin with [a-z] or [A-Z] for html 4. In html 5 this is valid.

isherwood · Accepted Answer · 2015-10-29 20:41:48Z

1

$('#one div').css('right');

or

$('#one').find('div').css('right');

You can also add a class or and id for the div or access through a selector child with jquery.

edited Oct 29, 2015 at 20:41

isherwood

61.4k16 gold badges122 silver badges173 bronze badges

answered Oct 29, 2015 at 20:18

juan garcia

1,5463 gold badges27 silver badges59 bronze badges

Collectives™ on Stack Overflow

Getting inline css value with jquery

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related