Question

How with jQuery/Javascript count the elements by class and set another class a certain element in the list.

It is possible?

An example, i have four elements with the class “qa” and change or add class “qa2” second element in list.

Answer 1

Using jquery

var el = $('.cls');
alert(el.length); // Will alert length

To add a class to the 2nd element

$(el[1]).addClass('classOne'); // first item is 0 and second item is 1 and so on

Inside a loop to add class to 2nd element using condition.

el.each(function(i){
    if(i==1) // If 2nd item then add the class
        $(el[i]).addClass('newClass');  
});​

Or this will add ‘newClass’ class to all elements that has class ‘cls’

$('.cls').addClass('newClass')​; 

OR this will add different classes to odd and even items in the list/matched items

​$('.cls').each(function(i){
    if(!(i%2))  
        $(this).addClass('odd');
    else
        $(this).addClass('even');
});​