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 =＆＃34; prev＆＃34;的previewImage之后创建的。我需要这个图像在链接内。任何帮助将不胜感激。

Answer 1

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

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