如何使用jQuery确定从动态创建的列表中选择的项目

Question

我在页面加载时动态地向ul添加项目。

addUsersToDropdown = (user_markers) ->
  console.log("inside addUsersToDropdown")
  for marker in user_markers
    console.log("adding name to dropdown , name = #{marker.name}")
    jQuery("#user_list").append("<li><a onclick='return false;' href='#'> <img alt=\"#{marker.name}\" src=\"#{marker.gravatar_url}\" />  #{marker.name}</a></li>")

如何确定用户选择的项目？我所看到的一切似乎都要求你事先知道id。即

jQuery('#some_id')

Answer 1

为每条链接消息添加点击事件 - this将引用<a>标记。你可以用它来做你想做的事。

$("#user_list a").click(function() {
    // this holds the item that was clicked.
    alert($(this).html());
});

示例：http://jsfiddle.net/KXGtt/

Answer 2

$("$user_list li").click(function() {
    console.log(this.index);
}