如何删除链接并添加功能

Question

我有一个封闭的系统，无法编辑html / css文件。 它生成这样的东西：

<li>
   <a href="exp.html">Linktext</a>
</li>

我想删除href属性并将其替换为slideToggle函数。

到目前为止，我试图写这样的东西：

$('li').removeAttr('href');
$('li').click(function(){
    $('#example').slideToggle();
});

我需要为其样式保留<a>标记。对于那些喜欢它的人here is a fiddle!

Answer 1

我首先想到的是阻止您的网页导航到exp.html：

$('li').click(function(e){
    e.preventDefault();
    $('#example').slideToggle();
});

基本上，通过阻止此click元素上<a>的默认操作，您可以阻止该页面导航到exp.html并一次性调用$("#example").slideToggle();