javascript - 多个 div 的 jQuery .click() 事件

Question

我有一些正在输出的搜索结果是这种形式的:

  <div id="result" title="nCgQDjiotG0"><img src="http://i.ytimg.com/vi/nCgQDjiotG0/default.jpg"></div>

每个结果都有一个。我正在尝试检测点击了哪一个，然后做一些事情。每个结果都有一个唯一的标题，但 ID 相同。我如何使用 .click() 知道点击了哪一个，以便我可以获得它的 ID 并使用它？

这是我从上面获取 HTML 的方式:

$.each(response.data.items, function(i,data)
{
var video_id=data.id; 
var video_title=data.title; 
var video_thumb=data.thumbnail.sqDefault; 

var search_results="<div id='result' title='"+video_id+"'><img src='"+video_thumb+"'></div>";
$("#searchresults").append($(search_results));

我试过了

 $('div').click(function(){
    alert(this.id);
});

并且警报显示“searchresults”(无引号)。

Answer 1

此外，这是利用事件委托(delegate)的绝佳机会。使用此技术，您不必担心在以编程方式插入新 DOM 元素后 重新绑定(bind)点击处理程序。您只有一个处理程序(委托(delegate))到一个容器元素。

$("#searchresults").delegate("div", "click", function() {
    console.log(this.id);
});

参见 .delegate