DeeDi - трезвые записки

replaceWith(content)

Заменяет выбранные элементы на новые указанные в content.
В примере заменим кнопки на параграфы с тем же текстом:

$(document).ready(function() {
$("#example_j button").click(function () {
$(this).replaceWith("<p>" + $(this).text() + "</p>");
});});
Пример:
HTML :
<style type="text/css">
#example_j p {border:solid 1px #999; margin-bottom:10px; padding:5px; background:#EBEBEB}
</style>
<div id="example_j">
<button>Кнопка 1</button>
<button>Кнопка 2</button>
<button>Кнопка 3</button>
</div>

Боковой текст: