提问者:小点点

Jquery on(click)每次单击时,信息取自第一个元素[duplicate]


每次单击时,数据取自第一个元素

例如,我有带有参数耦合链接

null

$(document).on('click', '.sitesubpay', function() {
  var siteid = $('.sitesubpay').data('siteid');
  var domaani = $('.sitesubpay').data('domain');
  $('.getmymodal').click();
  $("#domain").val(domaani);
  $("#myModalLabel").text(' for ' + domaani);
  console.log(siteid);
  console.log(domaani);
  var siteid = '';
  var domaani = '';
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a class="sitesubpay" data-siteid="2121" data-domain="domain1.com"><span class="label label-warning">pending payment </span></a>
<a class="sitesubpay" data-siteid="2122" data-domain="domain2.com"><span class="label label-warning">pending payment </span></a>
<a class="sitesubpay" data-siteid="2123" data-domain="domain3.com"><span class="label label-warning">pending payment </span></a>

null

但每次单击任何元素时,只返回console.log中第一个元素的数据

2121
domain1.com

共1个答案

匿名用户

试着写这个

null

$(document).on('click', '.sitesubpay', function() {
  var siteid = $(this).data('siteid');
  var domaani = $(this).data('domain');
  $('.getmymodal').click();
  $("#domain").val(domaani);
  $("#myModalLabel").text(' for ' + domaani);
  console.log(siteid);
  console.log(domaani);
  var siteid = '';
  var domaani = '';
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a class="sitesubpay" data-siteid="2121" data-domain="domain1.com"><span class="label label-warning">pending payment </span></a>
<a class="sitesubpay" data-siteid="2122" data-domain="domain2.com"><span class="label label-warning">pending payment </span></a>
<a class="sitesubpay" data-siteid="2123" data-domain="domain3.com"><span class="label label-warning">pending payment </span></a>