如何在下拉菜单（JS）中禁用第一个链接

Question

我的CMS中有一个菜单，该菜单是通过程序控制的，我无法访问该代码，唯一可以添加的是js / jquery。我想禁用菜单中的第一个元素，即用＃替换当前的href。我是jquery新手，需要一些帮助。这是菜单示例。

<nav class="main-nav">
<div class="shell">
<ul>
<li class="taphover">
<a href="/education">Education &amp; Training<i class="ico-arrow"></i></a>
<div class="dd">
<ul>
<li><a href="/educators-students/field-trip">Book a Field Trip</a></li>
<li><a href="/educator-development">Educator Development</a></li>
<li><a href="/specialized-student-programs">Specialized Student Programs</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</nav>

我想用＃代替/ education。有什么想法吗？

Answer 1

//select the first anchor where href="/education"
var anchor = $("a[href='/education']")[0];

//change the href of the anchor
anchor.attr('href') = "#";