使用 jquery 取消 href 不起作用

Question

我正在尝试删除指向确定类的链接，以便改为执行Javascript（onclick之类的东西）（如果是的话，则启用了javascript。这就是为什么我想将href保留在源代码中..任何方式，我正在尝试：

<script type="text/javascript">

        $(document).ready(function() {
                   $('.remove').attr('href', '#');
        });

</script>

但它没有：S

Answer 1

试试这个...

$('.remove').removeAttr('href');

将 href 设置为空白片段 # 是不好的做法，很糟糕而且丑陋。它经常使浏览器跳转到页面顶部。

或者，使用您的点击处理程序，您可以执行...

$('a').click(function(event) {
   event.preventDefault();
});

您还可以返回 false。

Answer 2

我有点理解你想要做什么，正确的方法不是删除 # href ，我不建议返回 false，因为你将无法传递 jQuery 对象：

$(document).ready(function() {
   $("#anchorId").click(function(event){
     event.preventDefault();
     //do stuff
   });
});

Answer 3

只需添加推荐的 event.preventDefault() 作为事件处理程序的最后一行。
您不需要更改 href 值。

根据您的代码：

    $(document).ready(function() {
               $('.remove').click(function(event) {
                       // your Javascript stuff

                       // Most import jquery line
                       event.preventDefault();
               }
    });

Answer 4

为了使它更简单，只需使用 HTML：

<a href="http://stackoverflow.com" onclick="return false;">Stack Over Flow</a>

如果你想做一个 JS，带有函数

<script type="text/javascript">
 function RemoveHREF(type){
  $(type).attr('href', '#');
 }
</script>

你的 HTML 应该

<a href="http://stackoverflow.com" class="URL5">Stack Over Flow</a>

现在来调用该函数

<script type="text/javascript">
 $(document).ready(function() {
  RemoveHREF('.URL5');
 });
</script>