jquery - JQuery remove（）アンカーrelによる現在のテーブル列

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は列のインデックスです。