如何传递onclick函数中的两个参数jquery

Question

这里我使用AJAX，onload这个Ajax工作正常后，我显示结果，在这个结果我有一个按钮叫contac，从这个按钮我静态传递两个参数（2 ，5）。那我想通过我的ID和名 insteed，我想我不能够做，

$(document).ready(function(){ 
 
$.ajax({ 
 
type:'GET', 
 
url:"http://www.domain.com/", 
 
data:data, 
 
success: function(data) { 
 
//console.log(data); 
 
    var count = data.length; 
 
if(count > 0) 
 
{ 
 
\t var htmlString=''; 
 
\t $.each(data, function(key, value) { 
 
\t \t var name = value.name; 
 
\t \t var availableFrom = value.availableFrom; 
 
\t \t var postedBy = value.postedBy; 
 
\t \t if(postedBy == "ROLE_AGENT"){ 
 
\t \t \t var \t postedBy = "Agent"; 
 
\t \t }else if(postedBy == "ROLE_OWNER"){ 
 
\t \t \t var \t postedBy = "Owner"; 
 
\t \t }else{ 
 
\t \t \t var postedBy = "Builder"; 
 
\t \t } \t \t \t \t \t \t \t 
 
\t \t var superBuiltupArea = value.superBuiltupArea; 
 
\t \t var superBuiltupAreaUnit = value.superBuiltupAreaUnit; 
 
\t \t //var sqFt = \t superBuiltupArea+' '+superBuiltupAreaUnit; 
 
\t \t var price = value.expectedPrice; 
 
\t htmlString+='<div class="row" id="prptylstt"><div class="col-sm-4" style="padding-left:0px;padding-right:0px;"><a href="propertydetails.php?id='+value.id+'"><img src="pics/02.jpg"style="width:100%;height:170px;"/ > </a></div><div class="col-sm-8" style="padding-left:20px;"><h4 style="color:#000;padding-top:12px;">'+name+'</h4><div class="row"><div class="col-sm-3"><p class="parclr">Price</p><h4 class="colrh" ><i class="fa fa-inr" aria-hidden="true"></i> 22.70L</h4></div><div class="col-sm-2 divbrdr" ><p class="parclr">Sqft</p><h4 class="colrh" >'+superBuiltupArea+'</h4></div><div class="col-sm-4 divbrdr" ><p class="parclr">Avaliable From</p><h4 class="colrh" ></i>'+availableFrom+'</h4></div><div class="col-sm-3 divbrdr"> <p class="parclr">PostedBy</p><h4 class="colrh" >'+postedBy+'</h4></div></div><hr><div class="row" style="padding-top: 5px;"><div class="col-sm-3" ><a class="par" data-toggle="modal" data-target="#myModal"><i class="fa fa-search" aria-hidden="true"></i>>Quick View</a></div><div class="col-sm-3 " > <a class="par"><i class="fa fa-heart-o" aria-hidden="true"></i> Shortlist</a></div><div class="col-sm-3 " ></div><div class="col-sm-3 "><div class="contact" style="text-align:center;">'; 
 
\t 
 
\t // htmlString+='<button class="btn btn-default" id="prlstbtn" style="" data-toggle="modal" data-target="#contact">Contact</button>'; 
 
\t 
 
\t htmlString+='<button class="btn btn-default" id="prlstbtn" onclick="myFunction(2,5)">Contact</button>'; 
 
\t 
 
\t htmlString+='</div></div></div></div></div>'; 
 
\t 
 
\t }); 
 
\t $('#prop_listing').empty().append(htmlString); 
 
\t $("#search_not_found").hide(); 
 
} 
 
else{ 
 
\t $("#search_not_found").show(); 
 
\t $("#prop_listing").hide(); 
 
} 
 
}, 
 
error:function(exception){ 
 
console.log('Exeption:'+exception); 
 
} 
 
}); 
 
});

Answer 1

假设你有变量称为id和name，你可以这样做

htmlString += '<button class="btn btn-default" id="prlstbtn" onclick="myFunction("+id+","+name+")">Contact</button>'; 

或

htmlString += `<button class="btn btn-default" id="prlstbtn" onclick="myFunction(${id},${name})">Contact</button>`; 

Answer 2

如何myFunction.bind(this, 2, 5)

像

htmlString += <button class="btn btn-default" id="prlstbtn" onclick="myFunction.bind(this, 2, 5)()">Contact</button>;

例如： http://jsbin.com/supuye/edit?html,js,console,output