Accéder à un div avec Class en utilisant jquery

Question

J'ai un div avec Class. Par exemple

<div class="button check"></div>. Le css est défini à la fois pour 'bouton', 'contrôle'. Je veux accéder à la div ci-dessus par jquery et écrire quelque chose dans le div.I essayé avec

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

Je ne vois rien en cours d'écriture quand je lance la page.

S'il vous plaît aidez-moi.

Answer 1

chaîne Juste les classes CSS ensemble, séparés par des périodes:

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

Vous verrez également de meilleures performances dans certains navigateurs, en spécifiant le nom de l'étiquette ainsi:

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

Mise à jour : Après avoir lu Brian's answer, j'ai relu la question originale, j'ai réalisé que vous pourriez avoir l'impression que vous devez utiliser à la fois pour référencer le div. Si vous aviez:

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

sélecteurs enchaînant ensuite (à savoir .button.cancel) aurait du sens. Cependant, si elle était la seule div sur la page ou que vous vouliez toute la classe divs avec button, vous n'avez pas besoin: les deux classes

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

Ceci sélectionner fin:

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

Answer 2

Can vous venez de cibler une classe, avez-vous besoin des deux? Vous pouvez faire une classe comme:

$("div.button") 

OU

$(".button") 

Pour plusieurs classes, il pourrait être:

$(".button, .check") 

OU:

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

HTH.