Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.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 我如何得到一个图像去一个div的位置?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 我如何得到一个图像去一个div的位置?

Javascript 我如何得到一个图像去一个div的位置?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,克隆图像时,如何将图像移到div的位置 $(.raindrop1”).clone().removeClass(“raindrop1”).appendTo(“body”); $(“img”).css({“左”:“div.x”,顶部”:“div.y}) .shape{ 边界半径:50px; 宽度:10px; 高度:10px; 背景色:白色; 位置:绝对位置; 左:50%; 最高:50%; } 示例1 如果您想将克隆的雨滴放到div的位置,那么您应该只使用.appendTo(“.shape”)将im

克隆图像时,如何将图像移到div的位置

$(.raindrop1”).clone().removeClass(“raindrop1”).appendTo(“body”);
$(“img”).css({“左”:“div.x”,顶部”:“div.y})
.shape{
边界半径:50px;
宽度:10px;
高度:10px;
背景色:白色;
位置:绝对位置;
左:50%;
最高:50%;
}

示例1

如果您想将克隆的
雨滴
放到
div的
位置,那么您应该只使用
.appendTo(“.shape”)
将img插入
div

$(.raindrop1”).clone().removeClass(“raindrop1”).appendTo(.shape”);
$(“img”).css({
“左”:“div”.x,
“顶部”:“div”.y
});
.shape{
边界半径:50px;
宽度:10px;
高度:10px;
背景色:白色;
位置:绝对位置;
左:50%;
最高:50%;
}

示例1

如果您想将克隆的
雨滴
放到
div的
位置,那么您应该只使用
.appendTo(“.shape”)
将img插入
div

$(.raindrop1”).clone().removeClass(“raindrop1”).appendTo(.shape”);
$(“img”).css({
“左”:“div”.x,
“顶部”:“div”.y
});
.shape{
边界半径:50px;
宽度:10px;
高度:10px;
背景色:白色;
位置:绝对位置;
左:50%;
最高:50%;
}


要获得div的位置,可以使用
让top=$(“div”).css(“top”)
然后设置图像的值
$(“img”).css(“top”,top)
要获得div的位置,可以使用
让top=$(“div”).css(“top”)
然后设置图像的值
$(“img”).css(“top”,top)

为什么不将克隆的
img
附加到
div
中?为什么不将克隆的
img
附加到
div
中?您应该始终对您的建议和它的用途/为什么使用它留下解释
var imgclone = targetdiv.clone()
    .offset({
    top: targetdiv.offset().top,
    left: targetdiv.offset().left
})