点击即可在div中包装img

Question

我想在单击图像时将图像包装在div元素中。完成后，我想在div上添加一个class属性。我在jQuery中寻找可以帮助完成第一项任务的实用程序。

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

虽然jQuery实现更可取，但vanilla 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功能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">