Question

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

Answer 1

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

Answer 2

$('td:nth-child(XX),th:nth-child(XX)').fadeOut();

其中XX是列的索引

JQuery通过anchor rel删除（）当前表列

2 个答案: