Question

我想通过jquery将href链接标记更改为# 当我点击below html about link时，#代码显示并且链接没有转到about.html

HTML

<div id="access">
    <ul>
        <li><a href="home.html">Home</a></li>
        <li class="parent-menu-item"><a href="about.html">about</a>
            <ul>
                <li><a href="list1.html">list 1</a></li>
                <li><a href="list2.html">list 2</a></li>
                <li><a href="list3.html">list 3</a></li>
            </ul>   
        </li>
        <li><a href="services.html">services</a></li>
        <li><a href="contact.html">contact</a></li>
        <li><a href="faqs.html">faqs</a></li>
    </ul>
</div>

先谢谢

Answer 1

试试这项工作很好:)这个函数改变了href :)里面的父li。

$(function(){    
 $('.parent-menu-item').on('click',function(){
  $('#access ul .parent-menu-item > a').attr("href","#");    
 });     
});

Answer 2

试试这个

 $(function(){    

          $('.parent-menu-item >a ').click(function(){
              $(this).prop('href','#');
       });
    });

Answer 3

试试这个：

$('.parent-menu-item > a').prop('href', '#');

Answer 4

这里有一个 DEMO

$('.parent-menu-item   a').attr('href', '#');

将href url更改为父li菜单中的#tag

4 个答案: