How to remove table column based on content?
<p>I have a table like this:</p>

<pre><code>&lt;table&gt;
    &lt;tbody&gt;
        &lt;tr&gt;
            &lt;td width="50"&gt;
                &lt;img title="Image1" 
                     src="images/image1.png" onclick="dosomething()"&gt;
            &lt;/td&gt;
            &lt;td width="50"&gt;
                &lt;img title="Image2" src="images/image2.png" 
                     onclick="dosomethingelse()"&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
    &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>I want to delete the <code>&lt;td&gt;</code> that contains Image1.  I know in jQuery I can delete the image itself with</p>

<pre><code>$( "img[title='Image1']" ).remove();
</code></pre>

<p>But I want to nuke the containing <code>&lt;td&gt;</code> and its width as well to collapse the table as if that image and its column were never there...</p>

<p>Is there a way to back up to the containing element from <code>$("img[title='Image1']")</code>?  Or do I need to loop over the whole table (which could be huge) and search for this?</p>
