每次单击时,数据取自第一个元素
例如,我有带有参数耦合链接
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
试着写这个
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>