Как я могу заменить свой document.querySelector на jquery?

Question

Я смог заменить

document.getElementById

на

$(po.homeStreets)

, где homeStreets - строка

po.homeStreets = 'table#home tr input[id^=home-street-]'

Однако, когда я пытаюсь это сделать аналогичное действие для замены

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

(который работает), с

po.home= 'table#home';
const table = $(po.home)
                ^    ^
const newRow = table.insertRow(skipFields + lastRowNum);

Я получаю ошибку:

table.insertRow is not a function

Источник HTML имеет 3 таблицы для идентификаторов #home, #billing и #submit

Answer 1

Когда вы выбираете элемент с помощью jQuery, он возвращает элемент DOM, завернутый в jQuery объект .

jQuery объекты не имеют метод insertRow (который принадлежит HTMLTableElement). Вы можете сделать:

const table = $(po.home)
const newRow = table[0].insertRow(skipFields + lastRowNum);