刪除超鏈接但保留文本？

Question

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

每當超鏈接的標題為“顯示個人資料”時，我想刪除超鏈接並僅用文本替換它。

所以代替

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

我只想擁有Mentalist 。

知道如何解決這個問題嗎？

Answer 1

這應該工作：

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

這里， 小提琴與證明。

Answer 2

要在多個類的鏈接上執行此操作，

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

Answer 3

這樣做：

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

它應該只替換第一個鏈接。

Answer 4

刪除超鏈接但保留文本的香草 JavaScript 方式（而不是 jQuery）：

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