javascript - 在图像标签之前插入 anchor 标签 jQuery

Question

我正在尝试使图像可点击，为此我想将图像包装在 anchor 标记内，以下是我尝试过的代码，但它在图像标记之后生成 anchor 标记

这是 HTML 代码

jQuery(document).ready(function($){
	jQuery('.fancybox-inner').append('<a href="#" class="new-img-holder"></a>');   
	jQuery('.fancybox-image').appendTo('new-img-holder');
});

<div class="fancybox-outer">
  <div class="fancybox-inner" style="overflow: visible; width: 640px; height: 463px;">
    <img class="fancybox-image" src="cine-sudarshan.jpg" alt="">
  </div>
</div>

Answer 1

只需使用 wrap函数如下:

$("img.fancybox-image").wrap('<a href="#" />');

Demo