title: How do I use jQuery to select the next table row with a particular class?
body: <p>I have a table that contains rows with different class names. Some of these rows have the same class names. I am trying to select the next table row (using jQuery) that contains a particular class. Basically, I am attempting to create a feature where a user can select the next row in a table by using the arrow keys. Here is the code I am using:</p>
  
  <pre><code>if (e.keyCode == 40)
  { 
     $('tr.background_color_grey').next("tr").addClass("background_color_grey");
     $('tr.background_color_grey:first').removeClass("background_color_grey");
     return false;
  }
  </code></pre>
  
  <p>The problem is that I need to skip over some rows (they act as headers for different categories in the table). So, how can I select the next row in the table, provided that it has a particular class? All of the rows that I would like to be selected have the class "can_be_selected". Thanks for any help!</p>