title: Remove several table rows using jQuery
body: <p>I need to remove three rows of a table when a link in the first row is clicked.</p>
  
  <p>The rows are created dynamically using jQuery and pre-pended to the table as below.</p>
  
  <pre><code>var ups='';
          ups+='&lt;tr data-file='+file_id+'&gt;';
          ups+='&lt;td width="40%"&gt;'+gl_file_name1+'&lt;/td&gt;&lt;td&gt;'+gl_upload_date1+'&lt;/td&gt;';
          ups+='&lt;td&gt;'+gl_upload_desc+'&lt;/td&gt;';
          ups+='&lt;td&gt;&lt;a href="sym.php?doc_id='+file_id+'" class="view2_fl"&gt;VIEW FILE&lt;/a&gt; | &lt;a href="javascript:void(0);" data-file='+file_id+' data-job='+job_id+' class="del2_fl"&gt;DELETE&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;';
          ups+='&lt;tr&gt;&lt;td&gt;'+priority+'&lt;/td&gt;&lt;td&gt;'+price+'&lt;/td&gt;&lt;td&gt;'+tender+'&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;';
          ups+='&lt;tr class="bottom-row"&gt;&lt;td colspan="4"&gt;'+notes+'&lt;/td&gt;&lt;tr&gt;';
  
          $(ups).prependTo('.app_table');
  </code></pre>
  
  <p>This is looped for as many times as there are 'files'.</p>
  
  <p>When the DELETE link is pressed I need to delete all three rows. So far I have managed to delete the first row using the code below:</p>
  
  <pre><code>$(this).closest("tr").remove();
  </code></pre>
  
  <p>I have tried to use .next() but this did not seem to work.</p>