title: Change class in table column with jquery
body: <p>I have a table like this:</p>
  
  <pre><code>&lt;thead&gt;
      &lt;tbody&gt;
          &lt;tr data-index="0"&gt;
              &lt;td&gt;
                  &lt;i class="fa fa-check"&gt;&lt;/i&gt;
              &lt;/td&gt;
              &lt;td&gt;....&lt;/td&gt;
              &lt;td&gt;....&lt;/td&gt;
              &lt;td&gt;
                  &lt;a class="fa fa-file-o"&gt;&lt;/a&gt;
                  &lt;a class="fa fa-close"&gt;&lt;/a&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr....
  </code></pre>
  
  <p>How can I change with jquery class "fa fa-check" to "fa fa-ban" in the first &lt; td > and remove the content of the last &lt; td > (fa-file-o and fa-close) in the row with data-index="0"?</p>