如何获得以％相对div为单位的值

Question

我写的函数输出div id = container内的所有div

   var main = $('#container'),
res = $('#result'),
bw = parseInt(main.css('border-left-width'), 10),
mT = main.offset().top + bw,
mL = main.offset().left + bw;
$('#btn1').on('click', function () {
    var allCoords = $('div', main).map(function () {
        return getCoords(this);
    }).get().join('<br>'); 

    res.html(allCoords); });
function getCoords(el) {
    var $that = $(el),
    pos = $that.offset(),
    posTop = pos.top - mT,
    posLeft = pos.left - mL;
    var pos = el.id + ' top: ' + posTop + 'px; left: ' + posLeft + 'px;';
    return pos;}

如何获取％相对div ID容器中的值（左和上），请帮助我。谢谢

Answer 1

使用数学公式100 * yoursreensize / yourelementdivorsomething，如下所示：

 var width = $(window).width(); var left = $('#me').position().left; var percent = parseInt(100*left/width); alert(percent); 

 #me{ position:relative; left:20%; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="me">Me</div>