Question

I have a list of elements like this:

<div class="odd">1</div>
<div class="even">2</div>
<div class="odd">3</div>
<div class="even">4</div>

Now, when user erases the element 3, the result is:

<div class="odd">1</div>
<div class="even">2</div>
<div class="even">4</div>

Now I want jQuery to go from first to last element and redefine classes:

<div class="odd">1</div>
<div class="even">2</div>
<div class="odd">4</div>

I’m not sure how to approach this.

Answer 1

You can use :odd and :even selectors:

var $divs = $('div');

$divs.filter(':odd').attr('class', 'odd');
$divs.filter(':even').attr('class', 'even');