如何确定使用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

向您的每个链接消息中添加一个click事件- 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);
}