jquery css get dynamically set properties

Question

I'm trying to get a css property that was dynamically set with jquery.

Consider this code :

$(document).ready(function(){

$("#clickme").click(function(){

    $("#myTable").css('borderStyle','solid');
    $("#myTable").css('borderColor','black');
    $("#myTable").css('borderWidth','3px');
});

$("#clickme2").click(function(){
    alert($("#myTable").css('borderWidth'));
});

});

Clicking on clickme button will set the table myTable with the expected properties (3px solid black), but then clicking on clickme2 won't get the 3px value ! Do you know any fix ?

I read here Can jQuery get all CSS styles associated with an element?

that a solution could be using the .style of the DOM element, but if jquery could do it, I would prefer the jquery way ...

(the wysiwig for stackoverflow is a very good idea ;))

Note that your code can be improved/simplified as $('#myTable').css({ borderStyle:'solid', borderColor:'black', borderWidth:'3px' }); — Phrogz
– Phrogz, Commented Jan 7, 2011 at 21:17

Jake · Accepted Answer · 2011-01-07 21:19:18Z

2

My understanding is when you set a value with "borderWidth," it's a shorthand way of setting "borderTopWidth," "borderRightWidth," "borderBottomWidth," and "borderLeftWidth" all at once.

Therefore, I think you have to specify which side of the border you want to get, such as "borderBottomWidth."

answered Jan 7, 2011 at 21:19

Jake

4,8992 gold badges36 silver badges47 bronze badges

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

Comments

Marcus Whybrow · Accepted Answer · 2011-01-07 21:26:06Z

0

There is no actual value borderWidth or border-width it is a CSS shorthand property to set the four underlying properties border-top-width, border-right-width etc.

Thus you can only query for one of those four values:

DEMO: http://jsfiddle.net/marcuswhybrow/zu74F/

answered Jan 7, 2011 at 21:26

Marcus Whybrow

20.1k9 gold badges72 silver badges90 bronze badges

1 Comment

ling Over a year ago

ok, thanx,then for the border width I found alert($("#myTable").get(0).style.borderWidth); useful

Collectives™ on Stack Overflow

jquery css get dynamically set properties

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related