Accesso a un div con classe utilizzando jquery

Question

Ho un div con Class. Ad esempio

<div class="button check"></div>. Il css è definito sia per 'pulsante', 'controllo'. Voglio accedere al div sopra tramite jQuery e scrivere qualcosa nel div.I provato con

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

Io non vedo nulla in fase di scrittura quando si esegue la pagina.

Per favore aiutatemi.

Answer 1

Basta catena le classi CSS insieme, separati da punti:

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

Si vedrà anche una migliore performance in alcuni browser, specificando il nome del tag così:

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

Aggiornamento : Dopo aver letto Brian's answer, ho riletto la domanda originale. Mi sono reso conto che potresti avere l'impressione che devi usare entrambi per fare riferimento allo div. Se avete avuto:

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

Poi concatenamento selettori (vale a dire .button.cancel) avrebbe senso. Tuttavia, se fosse l'unico div sulla pagina o si voleva tutto il divs con button di classe, non hai bisogno di entrambe le classi:

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

Ciò selezionarlo bene:

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

Answer 2

Can hai appena preso di mira una classe, ne hai bisogno entrambi? Si può fare una classe come:

$("div.button") 

O

$(".button") 

per più classi, potrebbe essere:

$(".button, .check") 

O:

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

HTH.