JQuery добавить или добавить после img

Question

Я не могу заставить работать это простое приложение.Я пытаюсь добавить два тега разрыва ПОСЛЕ первого изображения.
Это ссылка

<script type="text/javascript">
$(document).ready(function(){

  $('.photosize').find('img:first').append('<br/><br/>');
});
</script>

Answer 1

append() вставляет элементы как дочерний элемент элемента, к которому он применяется. Используйте after() вместо:

$('.photosize').find('img:first').after('<br/><br/>');

Answer 2

Сделайте это ( это проверено и работает ):

$('.photosize img').first().after('<br/><br/>');

Надеюсь, это поможет. Приветствия

Answer 3

Это уже работает, с оговорками:

1) Когда вы вызываете $.append(), он добавляет строку к innerHTML элемента, к которому вы добавляете.Таким образом, для этого экземпляра он добавит два разрыва строки к innerHTML элемента изображения.Попробуйте вместо этого использовать $.after():

$('.photosize').find('img:first').after('<br/><br/>');

2) Селектор :first не работает во многих (если не во всех) версиях IE.Это можно исправить, выбрав его с помощью идентификатора или класса вместо псевдокласса :first