[jQuery] Deleting siblings
Hi,
I have this HTML
<table><tr>
...
<td><img src="images/spacer.gif" alt="" width="5"></td>
<td class="topTab tabSelected" style="padding-left: 5px; padding-
right: 5px;">
<table><tbody><tr>
<td class="tabText" id="tab12">nooo</td>
<td class="closeTab"><img src="images/close.gif" alt="Close"
border="0"></td></tr></tbody></table>
</td>
<td><img src="images/spacer.gif" alt="" width="5"></td>
...
</tr></table>
when the user clicks the "close" button, I want to delete not only the
parent cell of the close button (the cell with class="topTab") but
also the two adjacent cells -- the ones containing the "spacer.gif"
image. So far I have
$("td.closeTab").click( function() {
if (confirm("Are you sure you want to delete
this tab?")) {
var parentElt = $
(this).parents("td.topTab:first");
parentElt.remove();
} // if
} );
What should I add to remove the other two cells?
Thanks, - Dave