javascript - 如何使用 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。

换句话说，每次我点击一个链接时，我都会得到 place 从 1 开始并递增 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) {
        ...
      }
    });

  }

}