jquery：插入元素并在此元素上创建事件

事情是这样的 假设我有一个具有以下结构的html：

<div id="click"> add</div>
<div id="id">
<div class="item">1</div>
<div class="item">2</div>
</div>

问题是，我想通过单击下面javascript中的“click”div by来添加另一个“item”

$('#click').click(function(){
$('#id').prepend('<div class="item">new</div>');
})

$（'click'）。单击（函数（）{
$（'#id'）。前置（'new'）；
})

当然，我也希望这个“项目”是可点击的，但上面没有处理程序。 当然，我可以通过调用$（'.class'）来添加它。再次单击（..），但情况并非如此，因为在“item”1和“item”2 div上将有两个事件

有人能提出一些建议吗？ 提前谢谢

$('.class').unbind('click');
$('.class').click(.....)

这将解除对

.class

元素上单击事件的任何现有事件处理程序的绑定

---

您可能可以使用

---

您没有所谓的“类”：

所以我假设$（'.class'）.click（function（）{alert（'1'）；}）实际上是$（'.item'）。click（function（）{alert（'1'）；}）

鉴于此，我不太理解你的问题。你想做以下事情吗

单击带有类项的元素时： 1） 显示值

单击id为click的元素时： 1） 添加具有已定义事件处理程序的类项的新元素

使用

$（'.item'）.live（'click'，function（）{alert（$（this.text（））；}）

$（'#click'）。单击（函数（）{$（'#id'）。前置（'new'）；}）

$('.class').unbind('click');
$('.class').click(.....)

$('.class').live('click', function(){ alert('1');})

$('.item').live('click', 
    function(){ 
        alert($(this).text()); 
});