禁用嵌套 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>

我的目标是将每个 href 设置为 "" 以禁用链接。

我试过了

<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();
  });
});