使用jquery將div標簽添加到錨標簽中？

Question

問候..

在瀏覽器中Html是

<div tabIndex="0" title="People Picker" class="ms-inputuserfield">Administrator</div> 

我想替換看起來像

<a href='#'> <div tabIndex="0" title="People Picker" class="ms-inputuserfield">Administrator</div></a>

我努力做到這一點。 還沒成功。 請幫助我。

我嘗試這個代碼：

 var list = $("<a href='#' />");
 $(list).wrapInner($('#maindiv').html())
 $('div.ms-inputuserfield').replaceWith(list);

我知道我錯了方法。用錨替換。

Answer 1

你能做到的

$('div.ms-inputuserfield').wrap('<a href="#"/>');

編輯 - 在這里小提琴http://jsfiddle.net/QUcux/

如果它不起作用，請記住你必須將它放在document.ready（）中

$(document).ready(function(){
    $('div.ms-inputuserfield').wrap('<a href="#"/>');
});

Answer 2

使用jQuery wrap方法。

$('div.ms-inputuserfield').wrap('<a href="#" />');

http://api.jquery.com/wrap/

謝謝