Javascript 删除动态带前缀的div

我正在尝试创建一个facebook风格的新闻源。通过使用jquery，我成功地对其进行了设置，这样用户就可以添加新的新闻条目，然后在不刷新页面的情况下删除它们。delete函数可以很好地处理我直接添加到HTML中的新闻条目，但是我不能删除我使用textfield动态创建的条目

---

这是一个相当复杂的问题，所以我在jFiddle上重新创建了它：

要使它适用于动态添加的条目，请更改此行：

$('.delete_news_item').click(function(){

为此：

$('.delete_news_item').live('click', function(){

或者，如果您使用的是jQuery1.7，则可以使用新方法

您可以在此处看到它的工作原理：

---

.live（'click'，…）

将连接到新创建的项目以及预先存在的项目<代码>。单击（…）将仅连接到运行该行代码时存在的项目。有关更多信息，请参阅jQuery文档。

的作为

的文档。live（）

从jQuery 1.7开始，.live（）方法已被弃用。因此OP在使用该函数之前一定要阅读文档页面。是否有其他不被弃用的方法。live（）似乎工作得很好，但我不想在接下来遇到问题。我相信在jQuery 1.7中有一个新的统一体，它是

.bind（）

、

.live（）

和

.delegate（）

。在我使用并熟悉1.6时，

.live（）

是在1.6中执行此操作的首选方法，并且在1.7中仍然受支持。我已经在我的答案中添加了关于

.on（）

方法的信息，如果你想这样做的话。由于我还没有使用1.7的经验，我还没有使用

.on（）

来确定是否推荐它。