jquery - 使用 jQuery 从表中删除列

Question

在我的表格中，第一行中的 td 包含图像。当我单击图像时，我想使用 jQuery 删除图像下方的整个列 (td)。

我该怎么做？

<table  border="1" >  
        <tr>
        <td >
        <img  src="addButton.jpg" id='addButton' />
        </td> 
        <td >
        <img  src="addButton.jpg" id='addButton' /></td>
        </tr>
        <tr>
        <td >Result1
        </td> 
        <td >Result2</td>
        </tr>
        <tr>
        <td >Result1
        </td> 
        <td >Result2>/td>
        </tr>
    </table>

Answer 1

我能想到的一种通用方法。

$("td img").click(function() {
    var $td = $(this).closest("td");
    var index = $td.index() + 1;
    $td.closest("table").find("td:nth-child(" + index + ")").remove();
});​