我有导航问题 – 我试图在导航元素和子菜单中获得一个活动类。
这是一个小提琴。
HTML:
CSS:
.navigation__active>a, .navigation__sub--active>a { color: red; }
JavaScript的:
( '#nav1 .navigation_active li' ).on( 'click', function () { $( '#nav1 .navigation_sub' ).find( 'li.navigation_active' ).removeClass( 'navigation_active' ); $( this ).parent( 'li' ).addClass( 'navigation_active' ); });
您可以参考以下工作链接。
$(function(){ $( '#nav1' ).click(function (e) { $(this).children().each(function(){ $(this).removeClass('navigation__active'); }); $('#nav1 .navigation__sub' ).find( 'li.navigation__active').removeClass( 'navigation__active' ); $(e.target).parent( 'li' ).addClass( 'navigation__active' ); }); });
这很好用,也选择菜单和子菜单;
$( "li" ).click(function(e) { $("li").removeClass("navigation__active"); $(e.target).parent("li").addClass("navigation__active"); $(e.target).parent("li").parents("li").addClass("navigation__active"); });
.navigation__active>a, .navigation__sub--active>a { color: red; }
以上就是jQuery教程分享将活动类添加到导航项相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/557817.html