javascript - 将 href url 更改为父 li 菜单中的 # 标签

标签 javascript jquery html css

我想通过 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> 

提前致谢

最佳答案

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

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

关于javascript - 将 href url 更改为父 li 菜单中的 # 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21303479/

相关文章:

javascript - jqGrid 你如何循环遍历网格?

html - Flex 导航未对齐

javascript - webview无法使用java代码android刷新

javascript - res.write 没有返回预期值

javascript - 调试 JavaScript

php - 使用 php 识别点击了哪个按钮

javascript - Bootstrap Accordion 防止在 asp.net 中回发时崩溃

ios - 将数据从 iOS 应用程序发送到 HTML5 网站

java - 如何在selenium 2中使用javascript执行器将鼠标悬停?

javascript - d3.js 带标签的动态数据