Jquery动态链接创建

Question

考虑以下 Jquery 代码：

var previewImage = $('#prev');
var newLink = $('<a/>').attr('href', name);
previewImage.append(newLink);

HTML 输出是

<img src=" " id="prev"/>
<a href=" "></a>

所需的输出是

<a href=" "><img src=" " id="prev"/></a>

主要问题是链接是在 id="prev" 的预览图像之后创建的，并且我需要此图像位于链接内。任何帮助将不胜感激。

Answer 1

您需要 wrap()^[docs] 方法而不是 append()^[文档]。

var previewImage = $('#prev');
var newLink = $('<a/>').attr('href', name);
previewImage.wrap(newLink);