jquery - jqueryでdata-属性を含むhtml5テーブル行を削除します

Question

$('#tableid tr').attr('data-id')HTML5データ属性を使用するテーブルオブジェクトの属性を取得する方法を理解しています。ただし、data-id属性に基づいて行を削除しようとすると、機能しないようです。

私がこのようなことをしたとき：

var theRowId = $('#tableid tr').attr('data-id');
$('#tableid tr#'+theRowId).remove();

それはうまくいきませんでした。HTML 5のデータ属性は他の属性と同じように処理する必要がありますよね？

score 9 · Accepted Answer

データ属性が必要な tr のインデックスを渡す必要があります

$('#tableid tr:eq(0)'); // テーブルの最初の行

$('#tableid tr:eq(1)'); // 表の 2 行目

テーブルに複数の行がある可能性があるため

var theRowId = $('#tableid tr:eq(1)').attr('data-id'); // Get the Second Row id
$('#tableid tr#'+theRowId).remove();  // Remove the row with id

または、行のIDがわかっている場合..これを行うだけです

$('#tableid tr[data-id="'+theRowId+'"]').remove();

score 5 · Accepted Answer

data-id 属性の選択方法を変更する必要があります。次のように行を選択してみてください。

$('#tableid tr[data-id="'+theRowId+'"]').remove();

これにより、一致する data-id 属性を持つ tr が選択されます。

score 2 · Accepted Answer

data-id は id とは異なります

これを行う必要があります：

  $('#tableid tr[data-id='+ theRowId +']').remove()

3 に答える 3