jQuery .addclass mehreren div

Ich bin versucht, die Klasse ".hellgrau", die ich oben definiert) auf div 4,5,7,und das aktuelle. Nicht sicher, was ich falsch mache!

$("#Div8").click(function(){$("#Div4", "#Div5","#Div7","#Div8").addclass(".lightGray");});
Name der Methode ist .addClass().

InformationsquelleAutor Ryan Parker | 2013-10-02

  1. 8

    Verwenden .addClass("lightGray"); als .addClass() nimmt className nicht .className

    und
    ändern

    $("#Div4,#Div5,#Div7,#Div8")

    zu

     $("#Div4 ,#Div5, #Div7 ,#Div8")

    sehen mehrere Selektor

    du code wird

    $("#Div8").click(function(){
$("#Div4 ,#Div5 ,#Div7 ,#Div8").addClass("lightGray");
                                          ^ //remove dot from here
});
    $("#Div3").klicken Sie auf(Funktion(){$("div").css("background","beige");}); $("#Div4").klicken Sie auf(Funktion(){$(this).ausblenden();}); $("#Div5").klicken Sie auf(Funktion(){$("#Div4").zeigen();}); $("#Div6").klicken Sie auf(Funktion(){$(this).append("<p>ich bin am Leben!</p>");}); $("#Div8").klicken Sie auf(Funktion(){$("#Div4", "#Div5","#Div7","#Div8").addclass("hellgrau");});
    Ich bin immer noch Schwierigkeiten haben, sind meine Elemente korrekt dargestellt?
    Dein Selektor ist falsch, siehe meine Antwort. 😉
    dies ist die richtige Auswahl.Überprüfen Sie aktualisierte code.
    Ja, jetzt ist es deckt alle Fragen 🙂

    InformationsquelleAutor Tushar Gupta

  2. 2

    wenn Sie eine Klasse hinzufügen müssen Sie nicht den Punkt.

    versuchen, diese stattdessen

    $("#Div8").click(function(){$("#Div4, #Div5, #Div7, #Div8").addClass("lightGray");});
    Sie Selektor ist falsch, siehe meine Antwort .
    Dank Gupta, ich habe aktualisiert

    InformationsquelleAutor Scary Wombat

  3. 1

    Haben Sie vier getrennte Selektoren statt auf ein Selektor.

    Den Kommas sollte innerhalb der Zeichenfolge:

    $("#Div4,#Div5,#Div7,#Div8")

    Den Namen der Methode, ist addClass, nicht addclass, und es sollte nicht für einen Zeitraum vor der class-name:

    $("#Div8").click(function(){$("#Div4,#Div5,#Div7,#Div8").addClass("lightGray");});
    Vielen Dank für die Hilfe, aber leider funktioniert es immer noch nicht!
    Es funktioniert, wenn ich es testen: jsfiddle.net/7qXMx Überprüfen Sie, ob irgendwelche Unterschiede mit Ihrem code.

    InformationsquelleAutor Guffa

  4. 0

    Versuchen.

    $("#Div8").click(function(){
 $("#Div4,#Div5,#Div7,#Div8").addClass("lightGray");  //removed exra quotes from selecter
                                                      //removed dot(.) from class name
                                                     //Changed *addclass* to **addClass**
});
    Danke für die Hilfe, aber leider funktioniert es immer noch nicht!
    Haben Sie wickelte den code mit document ready-handler?
    ja, es wurde! Dies ist der code mit dem style-Bereich als gut
    <style> body { width: 980px; margin: 0 auto; } div { margin: 15px; padding: 15px; cursor: pointer; } .hellgrau { background-color: #cccccc; } .gold { background-color: gold; color: maroon; } </style>
    Div8 vorhanden ist oder zunächst addiert, nachdem der DOM fertig ?

    InformationsquelleAutor sudhAnsu63

  5. 0

    In allen DIVS diese legte ich eine default-Klasse: changeClass und pflegen Sie Ihre individuellen IDS.

    Einem zu tun, anstatt $("#Div4","#Div5","#Div7","#Div8") würde genügen, um $(".changeClass).addClass("lightGray");

    Klassen verwendet werden kann in mehr als einem element zur gleichen Zeit und somit manipulieren können mehrere dieser Elemente gleichzeitig, das spart Zeit und code-Zeilen.

    InformationsquelleAutor Walter Gandarella

Schreibe einen Kommentar