用jquery替换href链接

时间:2014-10-12 07:03:36

标签: jquery

我正在寻找一种可以使用jQuery替换已建立链接的方法

    <ul class="navigation"
    <li class="level0 nav-1 level-top first parent">
    <a href="mylink.com/whats-new.html" class="level-top"><span>What's New</span></a>
    </li>
    ...

理想情况下,我想用javascript:void(0)替换链接而不影响任何其他项目。

非常感谢一些专家的帮助。

非常感谢

PS:我已经尝试了

    <script type="text/javascript">
    $(document).ready(function() {
    $('a').attr('href', 'javascript:void(0)');
    });
    </script>

更早。这有效,但会影响所有链接。

3 个答案:

答案 0 :(得分:2)

根据你的评论,

您可以使用选择器.nav-1 a来执行此操作,该选择器定位<a>的后代.nav-1

$('.nav-1 a').attr('href', 'javascript:void(0)');

但是,我建议您阻止默认操作

$('.nav-1 a').click(function(e){
   e.preventDefault();
});

答案 1 :(得分:0)

你可以这样做

$(document).ready(function(){
   $('ul.navigation a').click(function(event){
            event.preventDefault();
     $(this).attr("href","javascript:void(0)");

   });
});

答案 2 :(得分:0)

如果要替换特定锚标记的网址,则必须提供该元素的相关选择器。

jQuery代码

$(".navigation li.first a.level-top").attr('href', 'javascript:void(0)');

$("a[href=mylink.com/whats-new.html]").attr('href', 'javascript:void(0)');