JQuery пустой очень медленно

Question

Я пытаюсь очистить таблицу HTML, содержащую около 200 строк, используя $("#mytable").empty(). Пока он очищает строки, я больше ничего не могу сделать, похоже, пользовательский интерфейс заблокирован.

Это правильная функция для использования? Можно ли выполнить эту операцию в фоновом режиме, чтобы минимизировать заметное отставание?

Answer 1

У меня никогда не было такой проблемы, однако я бы предложил это:

$("#mytable").children().detach().remove();

Скорее всего, это займет некоторое время из-за очистки, которую jQuery выполняет для элементов. Если их отсоединить, это может произойти быстрее.

Answer 2

как насчет просто:

document.getElementById('mytable').innerHTML = "";

Answer 3

$. Empty () медленно, если много детей, я использую:

var containerNode = document.getElementById("content");
while (containerNode.hasChildNodes()) {
    containerNode.removeChild(containerNode.lastChild);
}

Answer 4

Вы можете просто удалить саму таблицу:

$('#mytable').remove()

Или только дочерние элементы таблицы:

$('#mytable').children().remove()