使用jquery将div标签添加到锚标签中？(append div tag Into anchor tag using jquery?)

使用jquery将div标签添加到锚标签中？(append div tag Into anchor tag using jquery?)

问候..

在浏览器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);

我知道我错了方法。用锚替换。

Greeting..

In Browser Html is

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

i want to replacewith look like

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

i tried to so much for make this. not succeed yet. plz Help me.

i try by this code :

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

i knew that i am going wrong way.its replace by anchor.

最满意答案

你可以做

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

编辑 - 小提琴在这里http://jsfiddle.net/QUcux/

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

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

you could do

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

EDIT - fiddle here http://jsfiddle.net/QUcux/

If it's not working, remeber that you must put it in document.ready()

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