title: Get next closest time from a table based on selected hours and minutes
body: <p>I have a long table with columns of schedule data that I'm loading via a form with jQuery <code>load()</code>. I have access to these html pages with the table data and can add classes/data attributes etc.</p>
  
  <p>My form has <code>select</code> fields for hours and minutes (defaulting to the current time) and I'm trying to get the next closest time plus the four after that.</p>
  
  <p>The time data in my tables are all formatted as <code>&lt;td&gt;H:MM&lt;/td&gt;</code>.</p>
  
  <p>Ideally with jQuery, I was wondering how I can strip the table data of everything but those times. Alternatively, since I can reformat this data would I be making my life easier to format it a certain way?</p>
  
  <p><strong>Things I've tried</strong> - I am admittedly a novice at js so these things may seem silly:</p>
  
  <ul>
  <li>Reading the first character of each cell and comparing it to the
  selected hour. This is obviously a problem with 10, 11, 12 and is
  really intensive (this is a mobile site)</li>
  <li>Using a single time <code>select</code> field thenCreating an Array of each
  column to compare with the selected time. Couldn't get this working
  and also creates an issue with having to use a single select for
  every time.</li>
  </ul>
  
  <p>Basically looking for a little guidance on how to get this working short of, or maybe including, copying all the html tables into JSON format...</p>