Question

是否可以使用jquery在div之后插入img？如果是这样如何控制其位置？

HTML：

<div id="grey"></div>

CSS：

#grey {
    position: absolute;
    top: 50px; left: 50px;
    width:200px; height: 200px;
    background-color: #eee;
}

JQuery：

$('#grey').after("<img src='http://www.w3.org/html/logo/downloads/HTML5_Badge_128.png' />");

Answer 1

不确定你要在这里完成什么。现在，图像是在div之后创建的......即在div之外。如果那是故意的，你可以做以下的css来改变图像布局：

#grey{
    position: relative; /*<-- changed to relative*/
    top: 50px;
    left: 50px;
    width: 200px;
    height: 200px;
    background-color: #eee;
}

img{
    position: relative;
    /* additional css goes here */
}

如果您尝试将图像放在 div元素中，那么您可以按如下方式使用 prepend ：

$('#grey').prepend('<img src='http://www.w3.org/html/logo/downloads/HTML5_Badge_128.png' />');

Answer 2

点击Fiddle

#grey {
    position: relative;
    width:200px; height: 200px;
    background-color: #eee;
}

定位绝对会在定位中产生问题，而不是选择使用相对。

我已经做到了，很高兴，如果有效。

无论如何快乐编码!!!

Answer 3

像这样使用insertAfter 及（＆＃39;元件＆＃39）。insertAfter（＆＃39;＃灰色＆＃39）;

Answer 4

不确定但请尝试

$( "<img src='http://www.w3.org/html/logo/downloads/HTML5_Badge_128.png' />" ).insertAfter( "#grey" );

Img在一个div之后用jquery

4 个答案: