Замена тегов HTML документа на jQuery

9:26 14.06.2017
Краткое описание, как заменить тег на другой в HTML документе на jQuery. Например необходимо по клику ссылке убрать саму ссылку, оставить только её анкор, или полностью заменить ссылку на блок. Замену будет производить функция replaceWith(), данная функция как раз и создана для замены HTML тегов.

Для работы сценария, необходимо подключить jQuery, для этого вставьте следующею строчку в свой документ:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

Сами ссылки, от которых останется только анкор после щелчка:
<a href="page1.html">Первая страница</a>
<a href="page2.html">Вторая страница</a>
<a href="page3.html">Третья страница</a>

Код замены ссылок на их анкор:
$('a').click(function() {
    $(this).replaceWith($(this).text());
    return false;
});

Весь выше представленный код должен быть размещен в одном документе.
Теперь по клику ссылки остается только ее анкор.

Что бы по клику ссылки, ссылка заменялась на блок (<div>) достаточно в функцию replaceWith() дописать соответствующие теги, например:
$('a').click(function() {
    $(this).replaceWith('<div>' + $(this).text() + '</div>');
    return false;
});

Добавить стиль оформления блока и готово!

Спасибо за внимание.