Accediendo a un div con clase usando jquery

Question

Tengo un div con clase. Por ejemplo

<div class="button check"></div>. El css se define para 'botón', 'control'. Quiero tener acceso a la div arriba a través de jQuery y escribir algo en el div.I trató con

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

no veo nada está escribiendo cuando corro la página.

Por favor, ayúdame.

Answer 1

Sólo encadenar las clases CSS juntos, separados por puntos:

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

También verá un mejor rendimiento en algunos navegadores, especificando el nombre de la etiqueta, así:

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

actualización : Después de leer Brian's answer, volví a leer la pregunta original, me di cuenta de que podría estar bajo la impresión de que necesita usar ambas para hacer referencia al div. Si usted tenía:

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

selectores Luego de encadenamiento (es decir .button.cancel) tendrían sentido. Sin embargo, si era la única div en la página o que quería toda la clase con divsbutton, que no necesita ambas clases:

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

Esto seleccionarlo bien:

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

Answer 2

Puede solo apuntas a una clase, ¿necesitas ambas? Se puede hacer una clase como:

$("div.button") 

O

$(".button") 

Para múltiples clases, que podrían ser:

$(".button, .check") 

O:

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

HTH.