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

使用jQuery从表中删除列

2 个答案: