Добавить изображение после первого элемента изображения jquery

Question

Я пытаюсь динамически добавлять изображения в элемент 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, добавить, после, insertAfter.

Есть ли у вас идеи? Спасибо заранее :)

Answer 1

У вас есть некоторые некорректный HTML там- я собираюсь предположить, что это была ошибка при копировании кода ...

Возможно, это поможет -

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

Если вы хотите использовать функцию insertAfter(), вы должны быть уверены, что выбрали правильный элемент. В этом случае

• первый img тег - :first
• на первом уровне детей >
• в элементе с идентификатором gallery. - $("#gallery")

Answer 2

Существует ответ на мою проблему, я решил его с помощью этой строки:

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

Я помню, что я добавить мои фотографии до конца и не начало элемента контейнера.

Еще раз спасибо.