jquery - 如何删除链接并添加功能

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();一气呵成。