Select next span by class name in a table

by Akram kamal

HTML

<table  class="month_table"  cellspacing="0"  cellpadding="0"  border="0" >
    <tr >
        <td  class="day" >
            <span  class="span_day" > 1</span>
        </td>
        <td  class="day" >
            <span  class="span_day"> 2</span>
        </td>
        <td  class="day" >
            <span  class="span_day" > 3</span>
        </td>
    </tr>
    <tr >
        <td  class="day" >
            <span  class="span_day" > 4</span>
        </td>
        <td  class="day" >
            <span  class="span_day" > 5</span>
        </td>
        <td  class="day" >
            <span  class="span_day" > 6</span>
        </td>
    </tr> 
</table>

CSS

.last{color:red}

JavaScript

var spanDays = $(".span_day").click(function(){
    spanDays.eq( spanDays.index(this)+1 ) .addClass("last")
})