使用jquery删除包含data-属性的html 5表行

Question

我理解如何获取使用HTML5数据属性的表对象$('#tableid tr').attr('data-id')的属性。但是，当我尝试根据data-id属性删除行时，它似乎不起作用。

当我做这样的事情时：

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

它不起作用。 Html 5数据属性应该像任何其他属性一样处理，对吗？

Answer 1

您需要传递数据属性所需的tr的索引

$('#tableid tr:eq(0)'); //表格第一行

$('#tableid tr:eq(1)'); //表格第二行

因为表格中可能有多行

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

Answer 2

您需要更改为data-id属性选择的方式。 尝试选择这样的行：

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

这将选择具有匹配的data-id属性的tr。

Answer 3

data-id与id

不同

你需要这样做：

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