使用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從表中刪除列

回答

相關問題