如何替换文档.带有 $ 的 QuerySelector 而不获取 table.deleteRow 不是一个函数

Question

当我使用

const table = document.querySelector('table#home');

那么下面的代码工作正常

const streetRowCount = $('table#home input[id^=street-]').length;
const offsetForZeroIndex = 1;
streetRowCount > 2 &&
(table.deleteRow(skipFields + streetRowCount - offsetForZeroIndex))
}

但是当我用 jquerys 替换document.querySelector时$，即

const table = $('table#home');

我收到错误

table.delete_row is not a function`

Answer 1

table现在是一个jQuery对象，他们没有delete_row()方法(甚至没有deleteRow()方法，因为这是正确的名称(

相反，您需要在给定索引处find()表中的行并对其进行remove()，如下所示：

const $table = $('table#home');
$table.find('tr').eq(skipFields + streetRowCount - offsetForZeroIndex).remove();

Answer 2

HTMLTableElement.deleteRow(( 是 JavaScript 方法，你不能在 jQuery 引用的元素上使用它。您可以改用.remove()。