Question

My html code is:

<div title="test" class="xyz">Tesing</div> 

I want it to look like:

 <a href='#'> <div  title="test" class="xyz">Tesing</div></a>

How to do it using JavaScript?

Answer 1

As previously said by Curt, your example is not valid. You should have div with text and surround text with ‘a’ tag.

You can use jQuery method .wrapInner() (jQuery doc)

You can do it with a simple line :

$('.xyz').wrapInner($('<a href="#" />'));

jsFiddle is you want to try it :

http://jsfiddle.net/8vbXw/