javascript - 将href网址更改为父级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网址更改为父级li菜单中的#标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21303479/

相关文章:

javascript - 使用 chrome 扩展从网页中删除图像

javascript - 滑动事件在Jquery/JS中用于移动模板?

javascript - 嵌套变量不正确地递增

javascript - 将滑动 div 放置在固定的底部位置

javascript - 在拉斐尔中使用`setAttribute`设置双边框

javascript - 如何使用Javascript从外部网页中提取特定的输入字段值

javascript - 在JavaScript中使用闭包时出现TypeError

html - 如何在桌面扩展菜单宽度?

javascript - jasmine-jQuery,如何测试表单填写和 HTML 元素的更改?

javascript - Primefaces自动完成保留选定的下拉值