Как заменить document.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))
}

Однако, когда я заменяю document.querySelector на jquerys $, то есть

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