如何僅在特定的CSS類上有條件地應用Javascript？

Question

我在Wordpress Genesis網站中使用帶有切換按鈕的響應式JavaScript菜單。

該頁面具有一個主CSS菜單（ .nav-primary ）和一個輔助CSS菜單（ .nav-secondary ）。 主要的導航樣式類是.genesis-nav-menu和.sub-menu 。

問題在於響應式菜單已應用於站點上的每個導航元素，即您至少有2個探棒。 我只想將其用於主菜單（ .nav-primary ）。

我已經嘗試用.nav-primary代替'nav'，這似乎可行，但是它使“ secondary-menu”和所有其他導航元素消失了。

非常感謝您的建議如何完成這項工作。

Javascript：

( function( window, $, undefined ) {
    'use strict';

    $( 'nav' ).before( '<button class="menu-toggle" role="button" aria-pressed="false"></button>' ); // Add toggles to menus
    $( 'nav .sub-menu' ).before( '<button class="sub-menu-toggle" role="button" aria-pressed="false"></button>' ); // Add toggles to sub menus

    // Show/hide the navigation
    $( '.menu-toggle, .sub-menu-toggle' ).on( 'click', function() {
        var $this = $( this );
        $this.attr( 'aria-pressed', function( index, value ) {
            return 'false' === value ? 'true' : 'false';
        });

        $this.toggleClass( 'activated' );
        $this.next( 'nav, .sub-menu' ).slideToggle( 'fast' );

    });

})( this, jQuery );

Answer 1

您需要對類nav-primary使用$(".nav-primary")選擇器，而不是$("nav-primary") 。

在這里，您可以獲得有關jQuery選擇器的信息。