javascript - 使用 javascript 禁用特定链接，让其他链接保持事件状态

Question

我有这个结构，想禁用某些链接而不影响某个 div 中的其他链接。

<div class="navigation">
<a href"#">DISABLE THIS LINK</a>
<ul class="submenu">
<li><a href="#">KEEP THIS LINK ENABLED</a></li>
<li><a href="#">KEEP THIS LINK ENABLED</a></li>
<li><a href="#">KEEP THIS LINK ENABLED</a></li>
</ul>
<a href"#">DISABLE THIS LINK</a>
<ul class="submenu">
<li><a href="#">KEEP THIS LINK ENABLED</a></li>
<li><a href="#">KEEP THIS LINK ENABLED</a></li>
<li><a href="#">KEEP THIS LINK ENABLED</a></li>
</ul>
<a href"#">DISABLE THIS LINK</a>
<ul class="submenu">
<li><a href="#">KEEP THIS LINK ENABLED</a></li>
<li><a href="#">KEEP THIS LINK ENABLED</a></li>
<li><a href="#">KEEP THIS LINK ENABLED</a></li>
</ul>
</div>

我试过这样的:

$(".navigation a").click(function(e){ e.preventDefault(); });
$(".subitem a").click(function(){ return true; });

但这没有用。

关于如何在不更改 HTML 的情况下禁用“禁用此链接”并保持其他启用状态的任何想法？

Answer 1

您可以通过更改选择器来实现。

(".navigation a") 将选择类 .navigation 中的所有 'a' 标签，如果将其更改为 (".navigation > a")，它将只选择直接子 'a' 元素。