클릭시 div로 img 감싸기

Question

이미지를 클릭하면 div 요소에 이미지를 래핑하고 싶습니다. 이 작업이 완료되면 div에 클래스 속성을 추가하고 싶습니다. 첫 번째 작업을 수행하는 데 도움이 될 수있는 jQuery 유틸리티를 찾고 있습니다.

$(img).on('click', function() { 
    // wrap this image in div 
}) 

jQuery 구현이 바람직하지만 바닐라 DOM 스크립팅도 좋습니다.

Answer 1

$(this).wrap("<div class='new'></div>"); 

랩 기능은 당신의 최선의 방법이어야한다. 이것은 클릭 수를 나타내지 만 원하는 경우보다 정확하게 나타낼 수 있습니다.

http://api.jquery.com/wrap/

Answer 2

다음과 같은 코드를 사용하여이 작업을 수행 할 수 있습니다 jQuery를의

$(img).on('click', function() { 
    $(this).wrap('<div></div>') 
}); 

Answer 3

현재 JQuery wrap 기능을 사용할 수는`JQuery와 wrap`를 검색 했 wrap

var img=document.getElementById('img1') 
 
$(img).on('click', function() { 
 
    $(this).wrap('<div class="newClass"></div>') 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img id="img1">