Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取%relative div中的值_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何获取%relative div中的值

Javascript 如何获取%relative div中的值,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我写了一个函数,它输出div id=container中的top和left所有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 al

我写了一个函数,它输出div id=container中的top和left所有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;}
var main=$(“#容器”),
res=$(“#结果”),
bw=parseInt(main.css('border-left-width'),10),
mT=main.offset().top+bw,
mL=main.offset().left+bw;
$('#btn1')。在('click',函数(){
var allCoords=$('div',main).map(函数(){
返回getCoords(this);
}).get().join(“
”); res.html(allCoords);}; 函数getCoords(el){ 变量$that=$(el), pos=$that.offset(), posTop=位置顶部-mT, posLeft=pos.left-mL; var pos=el.id+'top:'+posTop+'px;left:'+posLeft+'px;'; 返回位置;}
如何获取%relative div id容器中的值(左和上)
请帮帮我。谢谢使用数学公式100*YoursResensize/YourElementDivisor,如下所示:

var-width=$(窗口).width();
var left=$('#me').position().left;
变量百分比=parseInt(100*左/宽);
警报(百分比)
#我{
位置:相对位置;
左:20%;
}

Me