获取子div在jquery中的位置

获取子div在jquery中的位置,jquery,html,css,Jquery,Html,Css,我想得到子div“test1”的位置。我想得到父div的左位置。父div和子div之间的距离是“10px”,我不想得到10像素。现在它打印140px(从屏幕起始位置计算) jQuery(文档).ready(函数($){ $('.test1')。单击(函数(){ var p=$(本); 变量位置=p.位置(); 控制台日志(位置); }); }); .test1{ 浮动:左; 背景颜色:黄色; 填充:10px; } 一 二 三 三 三 添加位置:相对到父元素,然后position()将返回相对

我想得到子div“test1”的位置。我想得到父div的左位置。父div和子div之间的距离是“10px”,我不想得到10像素。现在它打印140px(从屏幕起始位置计算)

jQuery(文档).ready(函数($){
$('.test1')。单击(函数(){
var p=$(本);
变量位置=p.位置();
控制台日志(位置);
});
});
.test1{
浮动:左;
背景颜色:黄色;
填充:10px;
}

一
二
三
三
三

添加
位置:相对
到父元素,然后
position()
将返回相对于父元素的位置

.position()
方法允许我们检索 相对于偏移父对象的元素

jQuery(文档).ready(函数($){
$('.test1')。单击(函数(){
var p=$(本);
变量位置=p.位置();
控制台日志(位置);
});
});
.test1{
浮动:左;
背景颜色:黄色;
填充:10px;
}

一
二
三
三
三