javascript - 禁用父 block 中的所有链接，但不禁用其子 block 之一中的所有链接

Question

我有一个div，它有类包装器。 html 的结构看起来像这样。

<div class="wrapper">
   <div class="header">
     <a href="http://mysite.com">LOGO</a>
   </div>
   <div class="nav">
     <!-- Anchors -->
   </div>
   <div class="container">
     <!-- Other contents anchors etc. -->
   </div>
</div>

有没有什么方法可以禁用包装器内的所有链接，除了具有“nav”类的 div 中的 anchor ？执行此操作的有效方法是什么？

我使用以下代码禁用所有链接 -

$('.wrapper').find('a').die('click');
$('.wrapper').find('a').unbind('click');
$('.wrapper').find('a').removeAttr('onclick');
$('.wrapper').find('a[href^="javascript"]').removeAttr('href');

我们可以在不使用循环进行检查的情况下做到这一点吗？或者，它会影响相同的，使用循环和不使用循环？

Answer 1

HarryFink 的答案的基础之一是使用类似的东西
(最近的功能比 parent 更有效)

$('.wrapper').on('click', 'a', function(e){  
    if(!$(this).closest('.nav')){  
        e.preventDefault();  
    }  
})