Question

我有以下代码：

 <ul>
    <li class="tree">
    <span><a class="collapse" href="#">Collapse</a></span>
    </li>
    <li class="tree">
<span><a class="expand" href="#">Expand</a></span>
</li>
    </ul>

如果单击展开链接然后在单击jquery中的折叠时取消当前的当前，如何将li上的类添加到当前？

Answer 1

添加课程

$(".expand").click(function(){ 
    $(this).closest('li').addClass('current'); 
});

删除课程

$(".collapse").click(function(){ 
    $(this).closest('li').removeClass('current'); 
});

Answer 2

$(".expand").click( function() {

   $(this).closest('li').addClass('current');

});


$(".collapse").click( function() {

   $(this).closest('li').removeClass('current');

});

Answer 3

$('.collapse').click(function(e){

    $(this).closest('li').removeClass('current');

});

$('.expand').click(function(e){

    $(this).closest('li').addClass('current');

});

如果您需要停止锚点到链接，请使用：

e.preventDefault()

在课程添加/删除之前

。

Answer 4

@rob waminal 可以找到更多信息，http://api.jquery.com/closest/

如何使用jquery向li添加当前类？

4 个答案: