在 P 元素中禁用 HREF

Question

我正在使用 wordpress 4.8 和插件 WPDISCUZ 作为评论系统。如何禁用此插件中的 ONLY this HREF 功能（成为常规跨度），而其他 href 仍正常工作？我的意思是我不希望我的 reader 无意或有意地点击这个 link 并发送到管理员登录页面，而是他们可以通过评论字段上的社交网络登录。有什么方法可以使用 Javascript/jQuery 来解决这个问题吗？

图片：

CSS 来自查看源代码。

<p class="wc-must-login">You must be <a rel="nofollow" href="https://www.example.com/admin-login-page/">logged in</a> to post a comment. </p>

注意：

这个CSS来自插件。我不能 add/remove class 它。
我不想将 CSS class wc-must-login 更改为 display:none。原因：Reader 需要知道他们必须登录才能发表评论。

编辑： 我认为只有 Javascript / jQuery 可以实现这一点，而 CSS 只能用于样式。但是多亏了 Farhad Bagherlo 似乎可以使用 CSS.

达到类似的效果

Answer 1

使用jQuery:

$(document).ready(function(){
    $(".wc-must-login a").attr("disabled", "true");
})

Answer 2

我会使用这个 jQuery 脚本

$(document).ready(function() {
    $("p.wc-must-login > a").attr("href", "#");
})

Answer 3

.wc-must-login a {
   pointer-events: none;
   cursor: default;
}

<p class="wc-must-login"><a target="_blank" href="https://us.yahoo.com/">link</a></p>

在 P 元素中禁用 HREF

Disable HREF within P element

javascript

css

wordpress

jquery

href