Javascript 在父菜单中将href url更改为#标记

我想通过jquery将

href

链接标记更改为

#

。
当我点击html下面关于链接的

时，会显示
#
标记，链接不会转到
关于.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> 
















提前感谢
尝试这项工作很好：）此功能在href:）内更改父级li）

尝试此工作很好：）此函数在href:）内更改父级li

尝试此工作很好：）此函数在href:）内更改父级li

尝试此工作很好：）此函数在href:）内更改父级li

试试这个：

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

试试这个：

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

试试这个：

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

试试这个：

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

试试这个

 $(function(){    

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

试试这个

 $(function(){    

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

试试这个

 $(function(){    

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

试试这个

 $(function(){    

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

这里有一个


这里有一个


这里有一个


这里有一个


为什么要更改属性
attr
？为什么不禁用默认链接行为？感谢您的回复，因为我使用的是wordpress菜单，如果我使用的是wordpress的自定义菜单，那么IPADW上没有显示下拉菜单。您想更改属性吗？为什么不禁用默认链接行为？感谢您的回复，因为我使用的是wordpress菜单，如果我使用的是wordpress的自定义菜单，那么IPADW上没有显示下拉菜单。您想更改属性吗？为什么不禁用默认链接行为？感谢您的回复，因为我使用的是wordpress菜单，如果我使用的是wordpress的自定义菜单，那么IPADW上没有显示下拉菜单。您想更改属性吗？为什么不禁用默认链接行为呢？谢谢回复，因为我使用的是wordpress菜单，如果我使用的是wordpress的自定义菜单，那么ipad上就不会显示下拉菜单