how to remove an html img from a table with javascript/jquery
<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>
