How to get percent value from property style element not pixel one using Jquery

Question

I want take percent value property element with Jquery but I can't do it. My elements are:

<tr id="rows">
    <td style="right:0%;"></td>
    <td style="right:20%;"></td>
    <td style="right:40%;"></td>
    <td style="right:60%;"></td>
    <td style="right:80%;"></td>
</tr>

I want get right value with percent sign. I'v used below method but returned value was pixel value:

$('#rows td').last().css('right');

Console show me this 772px

score 3 · Answer 1 · answered Jul 28 '13 at 05:49

3

You cannot get the value directly using jQuery, but in your case a solution could be to parse your style attribute using a regex to match the number inside the string

var percentValue = $('#rows td').last().attr('style').match(/\d+/)+'%';

Demo fiddle

answered Jul 28 '13 at 05:49

omma2289

54,161
8
64
68

1

@money, I believe Cherniv produced a better solution with his approach, you should consider marking his as the accepted answer – omma2289 Jul 28 '13 at 06:02

score 3 · Accepted Answer · answered Jul 28 '13 at 05:52

3

Have a look:

var c = $('#rows td').last().get(0);
console.log( c.style.right );

JSfiddle: http://jsfiddle.net/93CxA/

answered Jul 28 '13 at 05:52

Ivan Chernykh

41,617
13
134
146

+1 for using native DOM access to the attributes. I believe this is the best solution – omma2289 Jul 28 '13 at 06:00
@koala_dev it's ok koalaman , i've got my 2 upvotes :) – Ivan Chernykh Jul 28 '13 at 06:06

score 0 · Answer 3 · answered Jul 28 '13 at 05:49

0

Try this one:

var right = ( 100 * parseFloat($('#rows td').css('right')) / parseFloat($('#rows td').parent().css('right')) ) + '%';

answered Jul 28 '13 at 05:49

A.Mokhtari

451
5
16

Didn't see abc123's comment ... – A.Mokhtari Jul 28 '13 at 05:50

How to get percent value from property style element not pixel one using Jquery

3 Answers3