Question

I am looking for a more jquery/cleaner way to be able to select all td.some-class and be able to start at ‘selected’ and apply some in order to the tds that follow.

<table>
  <tr>
    <td class='some-class'>A</td>
    <td class='some-class'>B</td>
    <td class='some-class'>C</td>
 </tr>
  <tr>
    <td class='some-class'>A1</td>
    <td class='some-class'>B2</td>
    <td class='some-class selected'>C3</td>
 </tr>
  <tr>
    <td class='some-class'>A21</td>
    <td class='some-class'>B22</td>
    <td class='some-class'>C23</td>
 </tr>

The current way I am doing it is pretty much like:

found = false;
$('td.some-class').each(function(){

     if ($(this).hasClass('selected')){
        found  = true;
     }
     if (found){
           # do something
     }
});

Answer 1

My try(it’s a litte more efficient then @suhair answer):

var all = $('#xTable .some-class');
var selected = all.filter('.selected')[0];
var selectedIndex = all.index(selected);
var after = all.filter(':gt(' + selectedIndex + ')');

@suhair Updated DEMO

JSperf