本文介绍了jQuery添加删除类onclick的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有任何导航菜单!

   <div class="nav">
    <ul class="navigation">
    <li class="selected"><a href="#">HOME</a></li>
    <li><a href="#">PROFILE></a></li>
    <li><a href="#">CONTACTUS</a></li>
    <li><a href="#">ABOATUS</a></li>
    </ul>
    </div>

现在,如何在单击任意内容(配置文件,Contactus,aboutus)后添加选定的班级,并使用Jquery删除选定的家庭.

Now how to add selected class after click to any ( profile, Contactus, aboutus ) and remove selected home using Jquery.

谢谢

推荐答案

假设您只想拥有一个类名称为selected一个元素,我建议:

On the assumption that you want to have only one element of class-name selected I suggest:

$('ul.navigation li a').click(
    function(e) {
        e.preventDefault(); // prevent the default action
        e.stopPropagation(); // stop the click from bubbling
        $(this).closest('ul').find('.selected').removeClass('selected');
        $(this).parent().addClass('selected');
    });

JS小提琴演示.

这篇关于jQuery添加删除类onclick的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-15 05:41