title: jQuery table add class for the first matching tbody and add class for last matching tbody
body: <p>I have my markup like this</p>
  
  <pre><code>&lt;table class="section-table"&gt;
          &lt;thead class="found"&gt;
              &lt;tr&gt;
                  &lt;th&gt;data 1&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;tbody class="found"&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody class="found"&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;data 1&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;thead class="found"&gt;
              &lt;tr&gt;
                  &lt;th&gt;data 1&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;tbody class="found"&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;tbody class="found"&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>Now here you can see that in some thead there is class called found. Here in the tbody there is also some tbody has class found. Now I want in jQuery after the thead which has class found it will get the next first tbody which has class found tbody and add class first-row and the last tbody which has class found will be last-row. So basically the out put should be like </p>
  
  <pre><code>&lt;table class="section-table"&gt;
          &lt;thead class="found"&gt;
              &lt;tr&gt;
                  &lt;th&gt;data 1&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;tbody class="found first-row"&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody class="found last-row"&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;data 1&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;thead class="found"&gt;
              &lt;tr&gt;
                  &lt;th&gt;data 1&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;tbody class="found first-row"&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;tbody class="found last-row"&gt;
              &lt;tr&gt;
                  &lt;td&gt;data test&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>I have tried this </p>
  
  <pre><code>jQuery('table.section-table').find('thead.found').each(function() {
      jQuery(this).next('tbody.found').addClass('first-row');
      jQuery(this).prev('tbody.found').addClass('last-row');
    });
  </code></pre>