Klicken Sie auf hinzufügen/entfernen von Klassen aus einem anderen div

Ich bin auf der Suche hinzufügen/entfernen einer Klasse von einer anderen div, wenn ein link gedrückt wird. Ich habe gesucht über mehrere Antworten und online recherchiert, aber konnte Sie nicht finden, eine Antwort, die für mich gearbeitet.

Hier ist mein code:

<nav id="primary-menu"> <a class="menu-toggle">Browse</a>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">News</a></li>
        <li><a href="#">Rumors</a></li>
        <li><a href="#">Tutorials</a></li>
        <li><a href="#">Miscellaneous</a></li>
    </ul>
</nav> <!-- end #primary-menu -->

Ich bin auf der Suche hinzufügen, um die Klasse active zu #primary-menu wenn .menu-toggle geklickt wird.

Für JS/jQuery, ich habe versucht click, toggle, toggleClass ich habe versucht inlining den code, ich habe versucht, externe Skripte. Nichts scheint zu funktionieren und ich bin mir nicht sicher, warum.

Ich würde wirklich zu schätzen Ihre Antworten. PS: ich bin nicht der beste mit JS/jQuery.

ALSO, wo ist der code für jquery/js?
Ich habe nicht alle der code von meiner Seite, aber ja, ich habe, machen Sie sicher, dass die jQuery-Bibliothek.
obwohl Sie das Recht haben, zu wählen, welche Antwort Sie für richtig, würde es angemessen sein, den Vorzug zu geben, die zunächst beantwortet und Sie sind auch richtig. Alexandander ' s Antwort und meine Arbeit so gut, wie der auserwählte, aber Wenn Sie nicht arbeiten für Sie, es kann sein, dass die Methode .on() benötigt jQuery v1.7+ und verwenden Sie möglicherweise eine ältere version. Nur für das Protokoll.
Meine Entschuldigung @JFK. Hatte ich klickte auf eine zufällige Meldung und damit möglicherweise haben randomisiert die Reihenfolge der Antworten. Ich habe nicht den "Ruf" zu upvote mehrere Kommentare. Ich entschuldige mich.

InformationsquelleAutor Connor | 2015-03-08

http://jsfiddle.net/te7brkmj/

diese Kombination von 'auf' und 'toggleClass' funktioniert für mich.

$('.menu-toggle').click( function() {
    $("#primary-menu").toggleClass("someClass");
} );

Versuchen Sie dies:

JS:

$('.menu-toggle').click( function() {
    $("#primary-menu").toggleClass("someClass");
} );

CSS:

.someClass{
    color: red;    
}

HTML:

   

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<nav id="primary-menu">

<a class="menu-toggle">Browse</a>

    <ul>

        <li><a href="#">Home</a></li>
        <li><a href="#">News</a></li>
        <li><a href="#">Rumors</a></li>
        <li><a href="#">Tutorials</a></li>
        <li><a href="#">Miscellaneous</a></li>

    </ul>

</nav> <!-- end #primary-menu -->

Das endete funktioniert, danke!

InformationsquelleAutor Tim Hallyburton

Stellen Sie zunächst sicher, dass Sie geladen haben, jQuery. Dann probieren Sie etwas wie dieses:

 $( document ).ready(function() {
        $( "li" ).click(function() {
            $( "#primary-menu" ).toggleClass( "active" );
        });
    });

InformationsquelleAutor shmuli

0

Ich bin nicht sicher, ob ich verstehe Ihre Frage, aber ich denke, du stellst dir eine ähnliche Frage wie dieses..Lesen Sie den nachfolgenden link, können Sie den classname von Dokument.getElementsByClassName('Class-name').

Entfernen der Klasse aus den Elementen in pure Javascript?

InformationsquelleAutor Sid

Könnten Sie tun,

$(".menu-toggle").on("click", function(){
    $(this).parent("#primary-menu").toggleClass("active");
});

HINWEIS : .on() benötigt jQuery v1.7+

InformationsquelleAutor JFK

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.