jquery - 如何使用 Jquery 从属性样式元素而不是像素一中获取百分比值

Question

我想用 Jquery 获取百分比值属性元素，但我做不到。我的元素是：

<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>

我想用百分号获得正确的价值。我使用了下面的方法，但返回的值是像素值：

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

控制台给我看这个772px

Answer 1

看一看：

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

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

Answer 2

您无法直接使用 jQuery 获取值，但在您的情况下，解决方案可能是使用正则表达式解析您的样式属性以匹配字符串中的数字

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

演示小提琴

Answer 3

试试这个：

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