Remove hyperlink but keep text?

Question

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

Whenever a hyperlink has a title of "Show Profile" I want to remove the hyperlink and replace it with only with the text.

So instead of

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

I want to have only Mentalist.

Any idea how to solve that?

score 95 · Accepted Answer · answered May 31 '11 at 13:30

95

this should work:

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

Here a Fiddle with the proof.

answered May 31 '11 at 13:30

DanielB

19,386
2
42
49

2

unwrap() is pretty neat. Just for completeness, here's an alternative solution that should also work: $("a[title='Show Profile']").replaceWith(function() { return $(this).contents(); }); – muffinista May 31 '11 at 13:35
1

Really clever! +10 – Silver Ringvee Dec 22 '16 at 14:12

score 3 · Answer 2 · answered May 31 '11 at 13:34

3

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.

answered May 31 '11 at 13:34

rciq

1,291
10
10

DanielB has provided a much nicer solution here: http://stackoverflow.com/questions/6188277/remove-hyperlink-but-keep-text/6188344#6188344 – rciq May 31 '11 at 13:38

score 2 · Answer 3 · answered Oct 06 '12 at 15:41

2

To do this on links of multiple classes,

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

answered Oct 06 '12 at 15:41

Prem

5,474
3
23
23

score 2 · Answer 4 · answered Sep 12 '19 at 16:06

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)
})

Remove hyperlink but keep text?

4 Answers4

Linked

Related