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();
});​

Answer 2

为您的 td 赋予其他任何地方未应用的相同类名。然后

$(image).Click(function(){
     $('.classname').remove();
});