在第一个图像元素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")