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

谢谢