使用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/

由于