單擊將img包裝在div中

Question

單擊圖像時，我想將圖像包裝在div元素中。 完成此操作后，我想在div上添加一個class屬性。 我正在尋找jQuery中的實用程序，可以幫助完成第一個任務。

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

盡管最好使用jQuery實現，但也可以使用香草dom腳本。

Answer 1

您可以使用以下代碼執行此操作：

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

Answer 2

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

jQuery的wrap函數應該是最好的選擇。 這將是指單擊的內容，但如果需要，您可以更精確。

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

Answer 3

您可以使用JQuery 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">