javascript - 如何在onclick函数jquery中传递两个参数

Question

这里我使用AJAX，在显示结果之后加载这个ajax工作正常，在这个结果中我有一个名为contac的按钮，从这个按钮我静态地传递了两个参数(2,5)。相反，我想传递我的 id 和 name，我尝试过但无法做到，

$(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)
 {
	  var htmlString='';
	  $.each( data, function( key, value ) {
		var name = value.name;  
		var availableFrom = value.availableFrom;  
		var postedBy = value.postedBy; 
		if(postedBy == "ROLE_AGENT"){
			var	postedBy = "Agent";
		}else if(postedBy == "ROLE_OWNER"){
			var	postedBy = "Owner";
		}else{
			var postedBy = "Builder";
		}							
		var superBuiltupArea = value.superBuiltupArea;  
		var superBuiltupAreaUnit = value.superBuiltupAreaUnit; 
		//var sqFt = 	superBuiltupArea+' '+superBuiltupAreaUnit;
		var price = value.expectedPrice;
	  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;">';
	  
	 // htmlString+='<button class="btn btn-default" id="prlstbtn" style="" data-toggle="modal" data-target="#contact">Contact</button>';
	
	  htmlString+='<button class="btn btn-default" id="prlstbtn" onclick="myFunction(2,5)">Contact</button>';
	  
	  htmlString+='</div></div></div></div></div>';
	  
	});
	$('#prop_listing').empty().append(htmlString);
	$("#search_not_found").hide();
 }
 else{
	$("#search_not_found").show();
	$("#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>`;