动态HTML onclick参数被视为文本抛出错误

Question

Im building dynamic html based on results from a search I have an onclick function that needs to accept a variable id as an argument but its throwing an error. It sees the argument as text thus throwing an Uncaught ReferenceError: 1 is not defined.

$.each(Rdata, function(i, post) {

var Name= truncate(post.Name);
var Surname =truncate(post.Surname);        
var DepSubTown =truncate(post.DepSubTown);
var DestSubTown =truncate(post.DestSubTown);  

  content += '<div class="row white-text">'+
  '<div class="col s12"> <div class="card-panel teal">'+
  '<div class="chip col s7"> <img src="pix/pp.jpg" alt="Contact Person">'+     Name +' '+ Surname+'</div>'+
   ' <div class="col s5"><div class="chip" style"float:right;">R50</div>        </div>'+
 '<div class="row white-text">'+
 '<div class="col s12">'+
 '<div class="col s5"><p><b>'+DepSubTown+'</b></p> </div>'+ 
 '<div class="col s1"><i class="material-icons"> - </i> </div>'+
 '<div class="col s5"><p><b>'+DestSubTown+'</b></p> </div>'+
 '</div>'+
 '<div class="col s12">'+
  '<div class="col s6">'+
  '<button class="waves-effect waves-light btn"  

Problem is here

 onclick="testy('+post.Id+');return false;" id="viewdetails">Test</button>'+
  '</div> </div></div></div></div>';     

});

$(content).appendTo("#Searchlist");

}

Answer 1

我已经找到了答案，我需要做的就是在onclick函数上添加转义字符

 '<button class="waves-effect waves-light btn"      onclick="testy(\''+Name+'\');return false;" id="viewdetails">Test</button>'+