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