2012-07-22 89 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"); 

我記得我的結束和容器元素沒有開始加我的照片。

再次感謝。