jQuery宽度返回像素而不是%

Question

 <div class="ui-progress" style="width: 10%;">

 console.log($(this).width());

以像素为单位返回宽度而非%.我如何获得百分比？

Answer 1

试试这个:

var width = $('.ui-progress').width();
var parentWidth = $('.ui-progress').offsetParent().width();
var percent = 100*width/parentWidth;

要么

var width = ( 100 * parseFloat($('.ui-progress').css('width')) / parseFloat($('.ui-progress').parent().css('width')) ) + '%';

注意

您可以使用.offsetParent(),如果母公司.ui-progress有CSS position:absolute.