禁用嵌套HTML中的所有链接

Question

我的html代码中有这个片段

<nav>        
<ul class="test-list test-list-level-1">            
<li class="test-page-1 test-heading-level-2">                
<a class="test-link test-heading-1" href="#L1" title="t1">T1</a>            
</li>            
<li class="test-page-1 test-heading-level-2">                
<a class="test-link test-heading-2" href="#L2" title="t2">T2</a>                
<ul class="test-list-level-3">                    
<li class="test-heading-level-3">                        
<a class="test-link test-heading-3" href="#L3" title="t3">T3</a>                    
</li>                
</ul>            
</li>             
</ul>    
</nav>

我的目标是把每三个ref都设置为"禁用链接。

我试着

<script type='text/javascript'>
$("a.test-link").removeAttr('href');
</script>

但是什么也没发生。

设置为页脚和页眉。

编辑:我用

包围它来解决它

jQuery(function($){
$("a.test-link").removeAttr('href');
});

Answer 1

你试过了吗?

$("a.test-link").removeAttribute("href")

Answer 2

在jquery中使用此代码。

jQuery(function($){
$("a.test-link").click(function(e){
e.preventDefault();
});
});