使用 jQuery 删除 [href]

【问题标题】：Remove a[href] with jQuery使用 jQuery 删除 [href]
【发布时间】：2018-10-11 04:32:41
【问题描述】：

我需要从以下 html 中删除 [href]：

<span class="fl-post-info-author">
<a href="/author/name/“>Author Name</a>
</span>

$('span.fl-post-info-author a').removeAttr("href");

我已经尝试过了，但不确定如何定位 href。我正在尝试完全禁用链接，并希望文本保留，而不是链接。这是 WordPress 中的帖子元链接。

【问题讨论】：

这行得通。但是在加载之后或在这个 html 部分之后运行。更高效的是$('.fl-post-info-author').find('a').removeAttr("href");
它有效jsfiddle.net/jypk8c64
怎样更有效率？

标签： href

【解决方案1】：

确保您的 jQuery 代码仅在文档进入 ready 状态时执行，方法是将其包装在 $(document).ready() 函数块中：

$(document).ready(function() {
  $('span.fl-post-info-author a').removeAttr("href");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="fl-post-info-author">
<a href="/author/name/">Author Name</a>
</span>

【讨论】：

嘿，谢谢，我试过了，但是没有用。但是，我没有检查控制台，只是做了。 WordPress 不喜欢 $，而是喜欢 jQuery。它说 $ 不是函数。所以我用 jQuery 替换了 $ 并且它可以工作。