Can I replace one HTML element with another?

I want to change an <a> to a <div>, but I don't want to make the content blank.

From:

<a data-text="text">content</a>

to:

<div data-text="text">content</div>

Any idea?

javascript jquery dom
Edit
Report