jQuery动态传递参数时，引号错误问题

最新推荐文章于 2021-06-11 14:10:07 发布

偷垃圾的猫

最新推荐文章于 2021-06-11 14:10:07 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/cchhzzyy/article/details/79425232

本文介绍了解决动态生成HTML元素中点击事件传递多个参数的问题。通过使用转义字符和字符串拼接的方法，实现了在JavaScript中正确地为每个动态元素绑定带有多个参数的点击事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天做项目时，一个动态生成的元素需要带入点击事件，这个点击事件又需要传多个参数。这个参数的引号问题，把我搞得脑子都疼，觉得他看起来对吧，可执行之后又是错误的。没办法，只好利用转义字符进行操作了。
HTML：

 <table id="tabVehicle" ></table>
 <input type="button" onclick="add();"  />

jQuery：

 function add（）{
   var trId = $("#tabVehicle").find("tr").last().attr("id");
   trId = trId.substring(trId.length - 1, trId.length);
   var Name1 = '大大大';
   var Name2 = '小小小';
   var trHTML = "";
   trHTML +="<tr  id='trVehicle" + trId + "'><td onclick=\"showImg('" + trId + "','" + Name2 + "' )\">123</td></td><td onclick='showImg(1,2)'>ddd</td></tr>";
   trHTML += "<tr id='trVehicle" + trId + "'><td onclick='showImg(" + trId + ",\" " + Name1 + "\",\"" + Name2 + "\" )'>456</td></td><td onclick='showImg(1,2)'>ddd</td></tr>";
  $("#tabVehicle").append(trHTML); 
  }
 function showImg(ID, Name1, Name2) {
        alert(ID + "......" + Name1 + "......"+Name2);
  }