Удалить динамически добавленную таблицу с помощью jQuery ⇐ Jquery

[Anonymous]

Как удалить всю таблицу, которая была динамически добавлена ​​на страницу с помощью jQuery? Будет создана таблица и данные будут добавлены, когда пользователи нажмут кнопку «Пуск». Таблица и данные должны быть удалены и заменены новыми данными при повторном нажатии той же кнопки.
Во-первых, использование метода удаления() не удаляет всю таблицу.
Во-вторых, при повторном нажатии кнопки добавляется (добавляется) новая таблица с данными. Таким образом, на веб-странице две таблицы расположены рядом.

Код: Выделить всё

async function fillTable() {
// create thead, tbody, and tds
// fill the thead and tbody
}

async function setupAndStart() {
// UNIMPLEMENTED
$("#jeopardy").remove();

showLoadingView();

// make HTML table
const $gameBoard = $("");
$gameBoard
.attr("id", "jeopardy")
.append($(""))
.append($(""));

$(".spinner").after($gameBoard);

await fillTable();

hideLoadingView();

}

$("#start-btn").on("click", setupAndStart);

Я пытался удалить() таблицу и очистить thead, tbody, tr. Но это не сработало, и проблема существует.
Заранее благодарим вас за любой вклад.

Подробнее здесь: https://stackoverflow.com/questions/784 ... ing-jquery