使用jQuery从表中删除列

在我的表中，第一行中的td包含图像。当我点击图像时，我想使用jQuery删除图像下方的整个列（td）。使用jQuery从表中删除列

我该怎么做？

<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>

来源

2012-12-31 user1752078

你已经尝试吗？请分享您的HTML .. – Usman

有这样做的多种方法，但RLY你没有代码显示，任何你试过吗？我们来帮忙，而不是做所有的工作：/ – Naryl

给我的HTML页面。 – user1752078

一个通用的办法，我能想到的。

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

来源

2012-12-31 12:22:38 Alexander

可能是：$ td.closest（“table”）。eq（$ td.index（））。remove（）;没有使用温度变化指数 –

它完美的作品...感谢亚历山大和所有.. – user1752078

为您的td提供未在其他地方应用的相同类名。再经过

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

来源

2012-12-31 12:19:50 ba1ar

使用jQuery从表中删除列

回答

相关问题