Как использовать JQuery для удаления динамического контента?

Question

У меня есть HTML-страница, созданная CMS. Я не могу изменить страницу, но могу добавить JavaScript.

Каждый раз, когда страница загружается, функция JavaScript (которую я не могу изменить) динамически вставляет абзац на страницу.

Как я могу использовать JQuery для .remove () этого абзаца, когда он загружается?

Например, при первой загрузке страницы она выглядит так (пусто):

<div></div>

Затем, через несколько секунд, функция JavaScript (которую я не могу контролировать) добавляет абзац на страницу. Страница выглядит следующим образом:

<div><p id="foo">bar</p></div>

Как я могу использовать JQuery для удаления абзаца с id = foo каждый раз, когда он динамически загружается на страницу?

Answer 1

Вы можете использовать плагин liveQuery для этого:

$("#foo").livequery(function() {
  $(this).remove();
});