将href网址更改为父级li菜单中的＃标签

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

这里一个
演示

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