jQuery：ボタンをクリックして最も近くを削除するために必要なもの

Question

1列の1列と動的に追加されるいくつかのTRを備えたHTMLテーブルがあります。各TRには、最後の列にボタンがあります。

ボタンをクリックすると、最も近いTRがテーブルから削除されるように、何が必要ですか？使ってみました $(this).closest.remove() しかし、これはうまくいかなかったので、ここにIDや何か他のものを追加する必要があると思います。

基本的な例テーブルは、次のようになります。

<table class='tableClass'>
    <tbody>
        <th>
            <td>Text</td><td>Text</td><td>Text</td>
        </th>
        <tr>
            <td>Text</td><td>Text</td><td><button type='button' class='btnClass'>Delete</button></td>
        </tr>
        <tr>
            <td>Text</td><td>Text</td><td><button type='button' class='btnClass'>Delete</button></td>
        </tr>
        <tr>
            <td>Text</td><td>Text</td><td><button type='button' class='btnClass'>Delete</button></td>
        </tr>
    </tbody>
</table>

Answer 1

あなたは与える必要があります closest セレクターを機能させます。これを試して：

$('.btnClass').click(function() {
    $(this).closest('tr').remove();
});

また、HTMLは無効です th の子供でなければなりません tr:

<table class='tableClass'>
    <tbody>
        <tr>
            <th>Text</th>
            <th>Text</th>
            <th>Text</th>
        </tr>
        <tr>
            <td>Text</td>
            <td>Text</td>
            <td>
                <button type='button' class='btnClass'>Delete</button>
            </td>
        </tr>
        <tr>
            <td>Text</td>
            <td>Text</td>
            <td>
                <button type='button' class='btnClass'>Delete</button>
            </td>
        </tr>
        <tr>
            <td>Text</td>
            <td>Text</td>
            <td>
                <button type='button' class='btnClass'>Delete</button>
            </td>
        </tr>
    </tbody>
</table>

フィドルの例

Answer 2

これを使用することができます .closest( selector ) 適切に似ています：

$(this).closest('tr').remove();

実際にあなたのコードで：

$(this).closest.remove()
            ___^___

開口部と閉鎖の両方の括弧の両方が欠けています () およびセレクター tr.

Answer 3

http://jsfiddle.net/cpvh9/

$(".btnClass").click(function(){
        $(this).parents('tr').remove();
    });

Answer 4

あなたのHTMLコードから、あなたは親TRを削除したいように見えます、これを試してください

$(".btnClass").click(function(){
    $(this).parents("tr:first").remove();
});