Counting Classes with JQuery

[Coly010]

I know I can count how many elements there are containing the same class in jquery using:

$(".classname").length

 

however what i'd like to know is : is there a way for me to change each of the elements containing the class individually, all at once?

For example:

 

1. is there a way for me to create an array of all the elements that contain this specific class
   
2. then iterate through this array
   
3. so that i can dynamically change certain variables depending on a variable from the previous element that i changed
   

 

it would be extremely helpful if someone could show me how to do this.

Colum

[Dave]

Sure it's easy

$('.classname').each(function() {    
$(this).addClass('test');
});

[Coly010]

Ok so for me to do what I want to do, I can simply place a variable say:

var add = 0;

Then use the each() to dynamically update each class, for example:

$(".classname").each(function()

{

add = add + $("#someDiv").outerWidth();

$(this).css({

left: add

});

});

Would that work? Will the add variable change everytime it goes to the next element?

[Dave]

Ok so for me to do what I want to do, I can simply place a variable say:

var add = 0;

Then use the each() to dynamically update each class, for example:

$(".classname").each(function()

{

add = add + $("#someDiv").outerWidth();

$(this).css({

left: add

});

});

Would that work? Will the add variable change everytime it goes to the next element?

In theory yes. Why not test it and report back?

[Coly010]

Can't at the moment, I'm in school aha