Javascript 将带有jquery的事件侦听器添加到生成的dynamycally href

我有许多用php动态生成的href，我需要单击事件侦听器

这不是什么大问题，但当我在旅途中点击一次时，总是返回相同的数据

我有这个：

$(".qrCode").click(function(e) {
      e.preventDefault();
      e.stopPropagation();
      e.stopImmediatePropagation();

      $.ajax({
        url: "{{ route('restaurants.qrcodes', $id) }}",
        type: "GET",
        success:function(response){
          console.log(response);
        },
        error: function(jqXHR, textStatus, errorThrown){
          if (jqXHR.status === 0) {

            alert('Not connect: Verify Network.');

          } else if (jqXHR.status == 404) {

            alert('Requested page not found [404]');

          } else if (jqXHR.status == 500) {

            alert('Internal Server Error [500].');

          } else if (textStatus === 'parsererror') {

            alert('Requested JSON parse failed.');

          } else if (textStatus === 'timeout') {

            alert('Time out error.');

          } else if (textStatus === 'abort') {

            alert('Ajax request aborted.');

          } else {

            alert('Uncaught Error: ' + jqXHR.responseText);

          }
        }
      });
  });

我的html是：

<a data-toggle="tooltip" data-placement="bottom" title="{{trans('lang.restaurant_qrcodes')}}" href="{{ route('restaurants.qrcodes', $id) }}" target="_blank" class='btn btn-link qrCode'>
      <i class="fa fa-qrcode"></i>
    </a>

更新

但我需要，如果我想做点击，请点击id 12进入id 12，现在总是进入id 11。我想我可以做一个

每一个
，但我不知道怎么做

我需要这个，为做，一个加载器gif，而网站做操作

感谢您对unbind（）方法的帮助，我知道我只能选择一个我想要的href

解决方案：

$(".qrCode").unbind().click(function(event) {
    event.preventDefault();
    console.log($(this).attr('href'));
  }); 

您从何处获取值
$id
？请详细说明并显示html。它在blade Laravel中，更新我的问题更改
url:{{route（'restaurants.qrcodes'，$id）}}
到
url:$（this.attr（'href'）
，如果我用id 12点击href，我得到12？？更新我的问题，为我的结果添加图像，我只需要一个添加图像？对不起，我无法理解您在这里试图实现的目标。请解释答案，而不是简单地转储代码。