javascript - 如何将元素的 id 设置为变量？

Question

我有一些 jQuery 脚本，我在其中向表中添加一些行(当用户按下按钮时)。我的问题是我想动态更改行内元素的 id 。我设置了一个全局变量 i ，我将其设置为表中某些元素的 id。问题是，经过一些调试后，我发现 id 根本没有改变并保持为字母 i (而不是变量 i 设置为 0 并增加每次用户按下按钮)。有什么想法吗？

var i=0;
var a1=i.toString().concat("1");
var a2=i.toString().concat("2");
var a3=i.toString().concat("3");
$("#table1").append("<tr><td><center><input id=\"a1\"></input></center></td><td>
center><button id=\"a2\">Load</button></center></td><td ><img id=\"a3\"></td>
</tr>");

$("#a2").click(function(){
   $z=$("#a1").val();
   $("#a3").attr("src",$z);
   i++;
});

Answer 1

那是因为您直接将它们写为字符串。您需要将它们连接成实际的字符串。您可以使用 + 将字符串连接在一起.

$("#table1").append(
  "<tr>" +
    "<td>" + 
      "<center><input id=\"" + a1 + "\" /></center>" +
    "</td>" +
    "<td>" +
      "<center><input id=\"" + a2 + "\" /></center>" +
    "</td>" +
    "<td>" +
      "<center><input id=\"" + a3 + "\" /></center>" +
    "</td>" +
  "</tr>"
);

就其值(value)而言， <center> tag is deprecated并且不应使用。您还可以考虑创建某种模板，而不是直接在 JavaScript 中将 HTML 生成为字符串。