如何删除链接并添加功能

Question

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

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

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

到目前为止,我试图写这样的东西:

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

我需要保留<a>标签的造型.对于那些喜欢它的人来说,这是一个小提琴!

Answer 1

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

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

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