jQuery 추가 또는 appendTo 이후 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

이 이미 작동을주의로 : 당신이 $.append()를 호출 할 때

1) 그것은 당신이 추가 된 요소의 innerHTML에 문자열을 추가합니다. 따라서이 인스턴스의 경우 이미지 요소의 innerHTML에 두 줄 바꿈을 추가합니다. 대신 $.after()를 사용해보십시오 :

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

2) :first 셀렉터 (모든 경우) 대부분의 IE 버전을 작동하지 않습니다. 당신은 (이을 시험하고 작동하는 것)이 작업을 수행의 ID 또는 클래스 대신 의사 클래스 :first

Answer 3

를 사용하여 선택하여이 문제를 해결할 수 있습니다 :이 도움이

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

희망을. 건배