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);