如何使用JQuery删除动态内容？

Question

我有一个由CMS生成的html页面。我无法修改页面，但可以添加JavaScript。

每次加载页面时，JavaScript函数（我无法修改）都会动态地在页面上插入一个段落。

如果加载了段落，我怎样才能将JQuery用于.remove（）该段落？

例如，当页面首次加载时，它看起来像这样（空白）：

<div></div>

然后，几秒钟后，JavaScript函数（我无法控制）在页面中添加了一个段落。该页面看起来像这样：

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

每次动态加载到页面上时，如何使用JQuery删除id = foo的段落？

Answer 1

您可以使用liveQuery plugin：

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