如何從屬性樣式元素得到百分比值不是像素1使用jquery

我想採取百分比值屬性元素與JQuery，但我不能這樣做。我的內容是：如何從屬性樣式元素得到百分比值不是像素1使用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

來源

2013-07-28 money

看一看：

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

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

來源

2013-07-28 05:52:25 Cherniv

+1用於使用本地DOM訪問屬性。我相信這是最好的解決方案 –

@koala_dev這是可以的考拉曼，我有我的2 upvotes :) – Cherniv

試試這個：

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

來源

2013-07-28 05:49:13

沒看到ABC123的評論... –

你不能直接使用jQuery的價值，但在你的情況下，一個解決方案可能是解析你的風格屬性使用正則表達式匹配字符串內的數字

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

Demo fiddle

來源

2013-07-28 05:49:37

@money，我相信Cherniv生產用他的方法更好的解決方案，你應該考慮將他標記爲已接受的答案 –

你是個紳士！ – Cherniv

如何從屬性樣式元素得到百分比值不是像素1使用jquery

回答

相關問題