在第一个图像元素jquery之后添加图像

Question

我正在尝试在div元素中动态添加图像。所以我有一个这样的块

<div id="gallery" >
    <img src="images/slide1.jpg" alt="Slide 1 />
    <img src="images/slide2.jpg" alt="Slide 2 />
    <img src="images/slide3.jpg" alt="Slide 3 />
    <img src="images/slide4.jpg" alt="Slide 4 />
</div>

这个想法是在第一张图像之后动态插入图像，这样我的新图像就会出现在第一张图像之后。我尝试了appendTo，追加，插入后，插入。

你有什么想法吗？ 在此先感谢：）

Answer 1

  

你有一些格式错误的HTML - 我会认为复制代码时出错...

也许这会有所帮助 -

$('<img src="foo.jpg" />').insertAfter("#gallery > img:first");

如果要使用insertAfter()功能，则必须确保选择了正确的元素。在这种情况下，它是

• 第一个img代码 - :first
• 在第一级儿童>
• 在ID为gallery的元素中。 - $("#gallery")

Answer 2

我的问题有答案，我使用这一行解决了这个问题：

$image.insertBefore("#container > img:last");

我记得我在最后添加了我的图片而没有容器元素的开头。

再次感谢。