将元素附加到并为每个元素添加click事件？

别。

不是为每个元素绑定一个新的事件处理程序（可能会变得非常昂贵），而是将单个事件处理程序绑定到#saved-list ，这是一个共同的祖先。 事件冒泡意味着祖先元素会通知其后代上的事件，因此您可以在那里处理事件而不是在原始元素上处理事件。

这样的东西……

 $.each(all_objects, function() {{ var list_route = "
" + this.text + "
"; $('#saved-list').append(list_route); }); $('#saved-list').delegate('li', 'click', function() { // do something here each time a descendant li is clicked }); 

见delegate

@Matt Ball非常接近这里的答案，但我会更清楚地说明你可以根据点击的元素对委托做不同的事情：

$（ '＃保存清单'）刷新（ '列表视图'）; // jquery移动列表刷新

请注意，在委托中， this仍然是指单击的li 。

在当前循环中（或之后）添加它是不够的？

$('#saved-list li').click(function(){ alert('hello'); });

您可以使用live函数，可能需要一些机制来确定已点击的li项目：

 $("#saved-list li").live('click', function() { //act on click }); 

你好，在jquery你可以创建dom对象，而不必将它们作为文本添加到dom中。 在添加之前（以及之后），这会给你一个操纵它们的chan。

 $("
") .append( $("") .attr("href" ,"#saved-route") .text(this.text)) .click(function() { // your click event }) .appendTo("#saved-list"); 

 $.each(all_objects, function() {{ var list_route = "
" + this.text + "
"; var newLi = $(list_route); newLi.click( function(){} ).attr("id","foo"); //if you want the a newLi.find("a").click( function(){} ).attr("id","foo"); $('#saved-list').append(newLi); }); 

.click函数将单击处理函数绑定到任何给定元素。 正如您的代码中的注释所提到的，您可以使用ID或其他方法在DOM化后选择项目，但另一种方法是引用包含您要绑定的元素的变量。

例：

 var li = $('
'); li.click(function() { ... }); 

这可能有点风格，但jQuery的一个特点是它是可链接的。 这意味着jQuery函数调用总是返回对jQuery本身的包装集的引用。 使用可链接方面，您可以像这样重写上面的代码：

 var list = $('#saved-list'); $.each(all_objects, function(i, item) {{ list.append( $('
') .append( $('').text(item.text) ) .click(function() { ... } ); ); }); 

虽然我不知道这个$('#saved-list').refresh('listview')业务是什么，但以下可能是您正在寻找的：

 var listItemEls = all_objects.map(function () { return $('
' + this.text + '
') .click(function (e) { // do whatever here }) .get(); }); $('#saved-list').append(listItemEls); 

请注意，我们避免在最后一刻之前附加到DOM，因为追加是昂贵的。

正如其他海报所提到的，一般来说，使用委托点击处理程序是一种更好的方法。 这看起来像

 var listItemEls = all_objects.map(function () { return $('
' + this.text + '
') .get(); }); $('#saved-list').append(listItemEls) .delegate("li", "click", function (e) { // do stuff here. }); 

这就是bind存在的原因。

 $.each(all_objects, function(index) {{ $("#saved-list").append("
" + this.text + "
"); $("#saved-list li").bind("click", function() { alert("Clicked on " + this.id); }); }); 

此外，这种方式很容易为每个项目创建不同的点击次数：

 $("#saved-list li#item1").bind(...) $("#saved-list li#item2").bind(...) $("#saved-list li#item3").bind(...)