title: how to remove an html img from a table with javascript/jquery
body: <p>I have a table and I use jquery to get all the cells from each row. Some of these cells have  text and a image in them.</p>
  
  <p>I want to grab the td cell(I have done this) then remove the image from these cells in memory(I don't want to remove them from the actual table).</p>
  
  <p>so my cell would look like this</p>
  
  <p><code>&lt;td&gt;hi their &lt;img...... /&gt; &lt;/td&gt;</code> I grab this with jquery and I get the dom back now I don't know how to remove the image tag.</p>
  
  <p>so I want </p>
  
  <pre><code>var hold = // something to remove the img
  
  alert(hold) produced:  "hi their".
  </code></pre>
  
  <p>Edit</p>
  
  <p>here is what I have</p>
  
  <pre><code>&lt;table id="tbl"&gt;
    &lt;thead&gt;
    &lt;th&gt; checkbox &lt;/th&gt;
    &lt;th&gt;header 1 &lt;/th&gt;
      &lt;th&gt;header 2 &lt;/th&gt;
      &lt;/thead&gt;
    &lt;tfoot&gt;
    &lt;/tfoot&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;checkbox &lt;/td&gt;
        &lt;td&gt;hi there woot&lt;/td&gt;
        &lt;td&gt;still no image &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;checkbox &lt;/td&gt;
        &lt;td&gt;a image is coming &lt;/td&gt;
        &lt;td&gt; here is the image &lt;img alt="" src="" class="imgClass" &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  
  
  
  var rowCells = $('#tbl :checked').parents('tr td');
  
  var header2 = $(rowCells[2]).html() // grabs "still no image" and "here is the image &lt;img ....."/&gt;
  </code></pre>
  
  <p>so I tried like replace and stuff and nothihg as worked.</p>
  
  <p>I want header2 variable to just have "here is the iamge"</p>