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 に答える