1

TH 行が 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>
4

4 に答える 4

2

closest関数にセレクターを与える必要があります。これを試して：

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

thまた、次の子である必要があるため、HTML は無効です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>

フィドルの例

于 2013-11-07T11:47:20.880 に答える
1

HTMLコードから、親TRを削除したいようです。これを試してください

$(".btnClass").click(function(){
    $(this).parents("tr:first").remove();
});
于 2013-11-07T11:55:52.790 に答える
1

.closest( selector )次のように適切に使用してこれを行うことができます。

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

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

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

開き括弧と閉じ括弧()、およびセレクターの両方がありませんtr。

于 2013-11-07T11:47:27.173 に答える