0

我在 thead 中有一个带有删除链接的表格，当单击此链接时，我想删除包括 tbody 在内的整个列（并淡出）。

表格示例：

<table class="example" id="dnd-example">
    <thead>
        <tr>
            <th>Column A <a href="" class="delsite" rel="1">x</a></th>
            <th>Column B <a href="" class="delsite" rel="2">x</a></th>
            <th>Column C <a href="" class="delsite" rel="3">x</a></th>
        </tr>
    <tbody>
        <td>213</td>
        <td>213</td>
        <td>213</td>
    </tbody>
</table>

我试图通过将 tr 更改为 td 来调整用于删除行的一些代码，但它不适用于列。

$(".delsite").click(function() { 
    var id =$(this).attr('rel');
    $(this).closest('td').fadeOut("normal", function() { $(this).remove(); });
    //
    //
});
4

2 回答 2

2

http://jsfiddle.net/zerkms/tyqAX/1/

$('#dnd-example .delsite').click(function(e) {
    e.preventDefault();

    var index = $(this).parent().index();

    $('tr', '#dnd-example').find('td:eq(' + index + '), th:eq(' + index + ')').hide();
});​
于 2012-07-24T01:18:18.560 回答
0 
$('td:nth-child(XX),th:nth-child(XX)').fadeOut();

其中 XX 是列的索引

于 2012-07-24T01:17:20.340 回答