Éléments avec un Div ayant un nom de classe spécifique

Question

Salut Comment puis-je obtenir des éléments dans une Div qui utilise une classe dit "échantillon"?

Il y a beaucoup de DIV dans le document

<div class="sample"/> 
.. 
<div class="sample"/> 
.. 
<div class="sample"/> 
.. 
<div id = "samplediv"> 
    <div class="sample"> 
    <div> 
</div> 

Ma question était de trouver la div avec l'échantillon de classe et de manipuler certaines propriétés de ce div. Donc je veux obtenir la Div avec class = "sample"?

Answer 1

Dans la plupart des navigateurs modernes, vous pouvez obtenir des objets par nom de classe en utilisant la fonction:

getElementsByClassName("sample") 

Ceci est disponible pour tous les éléments, y compris document (comme dans document.getElementsByClassName). Le problème est que les anciens navigateurs ne supportent pas cela. Au lieu de cela, vous pouvez utiliser jQuery pour faire la même chose:

$(".sample") 

Hope this helps!

Answer 2

Si vous utilisez jQuery, vous pouvez simplement utiliser le sélecteur CSS équivalent, dans ce cas:

$(".sample") 

Answer 3

si vous pouvez utiliser jQuery vous pouvez le faire par:

jQuery("div.sample"); 

Answer 4

Avec jQuery:

$('.sample').each(function() { doStuff($(this)); }); 

Ou dans JS plaine:

document.getElementsByClassName('sample'); 

Answer 5

Je voté en drachenstern`s commentez donc ...

si vous utilisez Prototype.js vous pouvez utiliser la fonction $$ (sélecteur) comme:

$$('#sourceDivId .sample').each(function(elem){ 
// do stuff 
}); 

;)