jquery - 在ajax中引用 anchor 标记

Question

我收到了 Array包含 jinja2 的项目来自 <a> 中的数据库标签，item[0] 代表一个 id，而 item[1] 是一个属性(例如名称)。
我想引用我的ajax中的id如果我点击 anchortag 中的任何内容，请调用它引用了 id，现在一旦我单击 anchortag 中的任何内容，一切都在不引用 id 的情况下运行

HTML

{% for item in people %}
   <a id="foo" class="foo">{{item[1]}}</a>
{% endfor %}

JAVASCRIPT/AJAX

{% for item in people %}

$(".foo").click(function(evt) {
$.ajax({
 url: "/~s6/cgi-bin/people.py",
 async: true,
 type: "post",
 datatype:"json",
 data: {'peopleid': {{item[0]}}},
      success: function(result) {
        console.log(result)
        //console.log(result.peopleinfo.surname)
       // console.log(result.peopleinfo.othernames)
        console.log(result.familyinfos)

         html = "<table class='table table-striped table-bordered table-condensed'>" + "<tr><th>Old Name</th><td>" + result.peopleinfo.surname  + "</td></tr>"' + "<table>"

$('#infoTab').html(html)

 $("#placenameModal").modal("show");
      }

  });


  });
 {% endfor %} 

Answer 1

也许是这样的:

HTML

{% for item in people %}
   <a id="{{item[0]}}" class="foo">{{item[1]}}</a>
{% endfor %}

Javascript

$(document).on('click', '.foo', handleClick)
function handleClick(e) {
  $.ajax({
    url: "/~s6/cgi-bin/people.py",
    type: 'POST',
    data: {
      peopleid: $(this).attr('id')
    },
    success: handleModal
  })
}
function handleModal(response) {
  // Do stuff here with your response
}