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