Zugriff auf ein Div mit Klasse mit jquery

Question

Ich habe ein div mit Klasse. Zum Beispiel

<div class="button check"></div> .Das CSS ist für beide "Taste", "überprüfen" definiert. Ich möchte die oben div durch jquery zuzugreifen und etwas schreiben in der Div.I versucht, mit

$('.button check').html("sample data"); 

Ich sehe nichts geschrieben wird, wenn ich die Seite auszuführen.

Bitte helfen Sie mir.

Answer 1

Kette einfach die CSS-Klassen zusammen, die durch Punkte getrennt:

$('.button.check').html("sample data"); 

Sie werden auch eine bessere Leistung in einigen Browsern, durch Angabe der Tag-Namen als auch sehen:

$('div.button.check').html("sample data"); 

aktualisieren : Nachdem ich Brian's answer gelesen habe, habe ich die ursprüngliche Frage noch einmal gelesen. Ich habe festgestellt, dass Sie unter dem Eindruck stehen, dass Sie beide verwenden müssen, um die div zu referenzieren. Wenn Sie hatte:

<div class="button cancel">Cancel</div> 
<div class="button check">Check</div> 

Dann Verkettungs Selektoren (das heißt .button.cancel) würde Sinn machen. wenn es jedoch die einzige div auf der Seite oder Sie wollten die alle divs mit button Klasse, die Sie nicht beide Klassen müssen:

<div class="button check">Check</div> 

Dies würde es wählen fein:

$('div.check').html("sample data"); 

Answer 2

Can du zielst nur auf eine Klasse, brauchst du beides? Sie können eine Klasse wie tun: Für mehrere Klassen

$("div.button") 

ODER

$(".button") 

, könnte es sein:

$(".button, .check") 

OR:

$(".button").add(".check") 

HTH.