Elements with a Div having a specific class name

Question

Hi How can I get hold of elements within a Div that uses a class say "sample"?

There are many Div's in the document

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

My question was to find the div with class sample and manipulate some properties of this div. So I want to get hold of the Div with class = "sample"?

Answer 1

If you're using jQuery, you can just use the equivalent CSS selector, in this case:

$(".sample")

Answer 2

In most modern browsers, you can get objects by class name using the function:

getElementsByClassName("sample")

This is available on any element, including document (as in document.getElementsByClassName). Problem is, older browsers don't support this. Instead, you can use jQuery to do the same thing:

$(".sample")

Hope this helps!

Answer 3

if you can use jQuery you can do this by:

jQuery("div.sample");

Answer 4

With jQuery:

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

Or in plain JS:

document.getElementsByClassName('sample');

Answer 5

I voted up drachenstern`s comment so...

if you use Prototype.js you can use function $$(selector) like:

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

;)