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" 的 previewImage 之后创建的，我需要此图像位于链接内。任何帮助将不胜感激。

Answer 1

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

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