Home/ Questions/Q 8269721
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T06:19:28+00:00

I’m trying to add images dynamically in a div element. So I have a

  • 0

I’m trying to add images dynamically in a div element. So I have a block like that

<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>

The idea is to insert image dynamically after the first image so my new image goes after the first image. I tried appendTo, append , after, insertAfter .

Do you have any ideas ?
Thanks in advance 🙂

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have some malformed HTML there- I’m going to assume it was a mistake when copying the code…

    Perhaps this will help –

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

    If you want to use the insertAfter() function, you have to be sure that you have selected the correct element. In this case it is

    • the first img tag – :first
    • in the first level of children >
    • in the element with an id of gallery. – $("#gallery")
    • 0