2

我正在尝试在 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、append、after、insertAfter。

你有什么想法 ？提前致谢 ：）

4

2 回答 2

6

你有一些格式错误的 HTML - 我会假设在复制代码时这是一个错误......

也许这会有所帮助-

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

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

  • 第一个img标签 - :first
  • 在儿童的第一阶段 >
  • 在 id 的元素中gallery。-$("#gallery")
于 2012-07-22T20:30:43.467 回答
0

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

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

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

再次感谢。

于 2012-07-23T06:59:02.613 回答