如何更改<a> to </a> <div> <a>?

Question

I'm stuck with the following issue. On my page我需要从投资组合元素中删除超链接（参见下图）。

该网站使用Semplice模板在Wordpress中，所以我不能直接使用代码，但我坚持使用jQuery。我尝试从href标记中删除<a>属性，但没有运气。解决方案可能是用<a>替换<div>标记，但我无法做到。你能帮我吗？

Answer 1

如果您能够应用css类，则可以禁用指针事件：

.disable-a {
  pointer-events: none;
  cursor: default;
}

Answer 2

在元素后面添加div元素并删除元素。

$("a").each(function(){$(this).after("<div>" + $(this).text() + "</div>")});
$("a").remove();

Answer 3

从href标记移除<a>非常容易。

在HTML中：

<a id="aTag" href="https://google.ca">ABC</a>

在Javascript中

var aTag = document.getElementById("aTag");
aTag.removeAttribute("href");

Answer 4

查看源代码，所有“面板”都有一个类.thumb-inner的div。您可以获取所有这些<divs>并删除父<a>标记。

$(document).ready(function(){
    $('.thumb-inner').each(function() {
        $(this).parent().remove();
    });   
});

此外，<a>代码现在还没有href属性。所以没有什么可以删除。这就是您的页面指向未知页面的原因。

Answer 5

在您的特殊情况下，我将使用jquery off，

在您的代码中，您应该像这样调用它以匹配您的网站使用jquery的方式：

jQuery(function($){$('a').off();})

这将禁用所有锚点上的所有事件，我认为您需要使用类似'.thumb a'的内容编辑选择器，以禁用您不想要页面上所有内容的锚点。

使用此解决方案，无需替换任何会导致大量样式问题的元素。