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

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

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

<强> Demo fiddle

Answer 2

看看：

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

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

Answer 3

试试这个：

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

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

3 个答案: