如何使用 javascript / jquery 增加点击次数？

Question

我有 5 个在循环中创建的链接 ($.each)：

$.each(data, function(index, element) {
name = element.name;
id = element.id;
    $('<a href="#" id="'+id+'" onClick="submitNotification('+id+');">'+name+'</a>')

});

在我的情况下，这将创建 5 个链接：

<a href="#" id="1" >name1</a>
<a href="#" id="2" >name2</a>
<a href="#" id="3" >name3</a>
<a href="#" id="4" >name4</a>
<a href="#" id="5" >name5</a>

我想要的是

function submitNotification(cdata){
alert('you selected '+cdata->name+' on '+place+'place');

         $.ajax({ 
    type: 'POST', 
    url: 'http://www.example.com/test.php', 
    data: cdata,
    dataType:'json',
    success: function (data) {
    ...
    }

});
}

当我单击任何链接时获取警报：you selected name2 on 1 place。然后，如果我单击另一个链接来获取相同的警报，但 place 变量会增加 1。

换句话说，每次我点击一个链接时，我都会得到从 1 开始的 place 并递增 1 直到达到 5

，然后将数据发送到 ajax post。

现在，有两件事我很难做：

1. placing id and name inside an javascript object so i they both can be available to send to the ajax post
2. how do i do the increment so that no matter on what link i click first the countwill start from 1. 

有什么想法吗？知道这一点会对我有很大帮助。

谢谢

Answer 1

在函数外部声明位置计数器和数据容器：

var place = 0, postData = [];

function submitNotification(cdata){
  place++;
  alert('you selected '+cdata->name+' on '+place+'place');

  postData.push(cdata);

  if (place == 5) {

         $.ajax({ 
    type: 'POST', 
    url: 'http://www.example.com/test.php', 
    data: { places: postData },
    dataType:'json',
    success: function (data) {
        ...
      }
    });

  }

}