如何將元素的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>"
);

就其價值而言， 已棄用了<center>標記 ，不應使用該標記 。 您也可以考慮創建某種模板，而不是直接在JavaScript內部將HTML作為字符串生成。