2012-07-22 56 views
2

我试图在div元素中动态添加图像。所以,我有这样的在第一个图像元素jquery后添加图像

<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,之后,insertAfter。

你有什么想法吗? 感谢提前:)

回答

6

你有一些不良HTML那里 - 我要去复制代码时,认为它是一个错误......

也许这将帮助 -

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

如果您想使用insertAfter()功能,您必须确定您选择了正确的元素。在这种情况下,它是

  • 第一img标签 - :first
  • 儿童 >用的 gallery一个ID的元素
  • 的第一级
  • 。 - $("#gallery")
+1

@roko - 在我前面1秒捕获它!至少给我5分钟的优雅编辑时间;)谢谢! – Lix 2012-07-22 20:34:10

+0

谢谢你,我的问题是通过其他方式解决的。受孕问题,所以我自己解决,但你的答案真的很有帮助!非常感谢 ! – Simon 2012-07-22 20:34:40

+1

@Simon它会很高兴知道(并为后代也:) :)你是怎么做到的?**然而,我会接受这个答案... – 2012-07-22 20:37:45

0

没有回答我的问题,我解决它通过使用这一行:

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

我记得我的结束和容器元素没有开始加我的照片。

再次感谢。