Remove hyperlink but keep text?

Question

Mentalist

Whenever a hyperlink has a title of \"Show Profile\"

Answer 1

this should work:

$('a[title="Show Profile"]').contents().unwrap();

Here a Fiddle with the proof.

Answer 2

This will do:

<a href="http://www.website.com/something" title="Show Profile">Mentalist</a>
<a href="http://www.website.com/something" title="Something Else">Mentalist</a>

<script type="text/javascript">
$("a[title='Show Profile']").each(function(){
    $(this).replaceWith($(this).text());
});
</script>

It should replace only the first link.

Answer 3

Vanilla JavaScript way (instead of jQuery) to remove hyperlink but keep text:

const links = document.querySelectorAll('a[title="Show Profile"]')

links.forEach(link => {
    const el = document.createElement('span')
    el.textContent = link.textContent
    link.parentNode.replaceChild(el, link)
})

Answer 4

To do this on links of multiple classes,

$("a.className1, a.className2").contents().unwrap();