addClass parent(LI)

Ich habe ein element "A", wenn ich drauf klicke, ich möchte das ändern übergeordneten Elements ( LI - ) Klasse selected, aber es ändert sich nichts...

$(".filters-list li a").click(function () {
    $(".filters-list li").removeClass("selected");
    $(this).parent('li').addClass('selected'); //I also tried .parent().addClass
});

Dann habe ich versucht diesen code:

$(".filters-list li a").click(function () {
    $(".filters-list li").removeClass("selected");
    $(this).parent().get(0).addClass('selected'); //IE reports something like this: Object doesn't support addClass...
});

Wenn ich versuchte, Sie zu definieren LI mit diesem code nur berichtet mir [Object HTMLLIElement]:

alert($(this).parent().get(0));

Was ich falsch mache?

könnte es sein, einfache Anführungszeichen und doppelte Anführungszeichen um die Klasse ausgewählt?
Was bedeutet das HTML Aussehen?
$(this).parent().get(0) ist ein raw-DOM-Objekt, nicht ein jQuery-Objekt. Das ist, warum es sagt "Objekt nicht unterstützt addClass". Sie können konvertieren Sie es in ein jQuery-Objekt, indem Sie eine $() Runde. (Aber wenn Sie dieses Problem beheben ich glaube nicht, dass es besser sein wird als der erste Versuch, so haben Sie immer noch zu finden, ein weiterer Fehler besteht trotzdem.)

InformationsquelleAutor | 2013-10-05

  1. 9

    Versuchen 

    $(".filters-list li a").click(function (e) {
    e.preventDefault();
    $(".filters-list li").removeClass("selected");
    $(this).closest('li').addClass('selected'); //I also tried .parent().addClass
});

    .am nächsten() wird das erste element entspricht dem Selektor.

    kannst du eine demo in ein jsfiddle. Was passiert, wenn Sie klicken Sie auf die Elemente? laden einer neuen Seite?
    Ja, jetzt funktioniert es, hier ist die demo: jsfiddle.net/8N9Z4 Danke!
    Nach 3 Tagen der Verzweiflung auf der Suche für die Antwort auf meine Frage zu "WIE man DIE ELTERN-UND KLASSE HINZUFÜGEN, UM ES" Dann fand ich diese Antwort, Sie sir, verdienen mein upvote

    InformationsquelleAutor Sergio

  2. 2

    Machte ich ein Beispiel für Sie:

    <script type="text/javascript" src="http://codeorigin.jquery.com/jquery-1.10.2.min.js"></script>
    <style>
        .selected {font-weight:bold}
    </style>
    <ul class="filters-list">
        <li class="selected"><a href="#section1">About</a></li>
        <li><a href="#section2">Gallery Photos</a></li>
        <li><a href="#section3">Contact</a></li>
    </ul>

<script type="text/javascript">
$(document).ready(function(){
    $(document).on("click",".filters-list li a", function () {
        $(".filters-list li").removeClass("selected");
        $(this).parent().addClass("selected");
    });
});
</script>

    InformationsquelleAutor Hugo Tostes

  3. 0

    Probieren Sie es aus:

    $(this).parents("li:first").addClass('selected');

    könnte es sein, dass Sie nicht die Auswahl der Ziel-Eltern

    Betrachten Sie die Erweiterung Ihrer Antwort erklären die Fragesteller, warum dieser erzielt das gewünschte Ergebnis, ist möglicherweise die Verknüpfung zur Dokumentation. Wie ist das nur begrenzt nützlich.

    InformationsquelleAutor user1825286

Schreibe einen Kommentar