javascript - 使用 jquery 将 div 标签附加到 anchor 标签中？

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

我知道我走错了路。它被 anchor 取代了。

Answer 1

你可以做

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

编辑-在这里 fiddle http://jsfiddle.net/QUcux/

如果它不起作用，记住你必须把它放在 document.ready() 中

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