Changing types of multiple tags

by kcrca

HTML

<p>Hello</p>
<p>Goodbye</p>
<button id="switch">replace</button>

CSS

p {
    background-color: red;
}

div {
    background-color: yellow;
}

JavaScript

$(function() {
    $('#switch').bind('click', function() {
        $('p').each(function() {
            $(this).replaceWith($('<div/>').html($(this).html()));
        });
    });
});