javascript - 创建 href 并添加 var 并通过 javascript

Question

我对此很纠结，它看起来很简单但我做不到，我有 javascript 循环我想打印表格内的信息对我来说工作正常，但我希望每一行的最后一个单元格应该是一个 href添加 id 以便 href 将更改为最后一个单元格第一行将编辑下一行中的下一个单元格将被编辑，数据创建的那些数字来自循环中的数据检查代码，我尝试用单引号或双引号但它不起作用它将 href 中的内容视为字符串，而不是函数或必须值的东西

var config = {
  apiKey: "my_secret_key",
  authDomain: "xyz.firebaseapp.com",
  databaseURL: "https://xyz.firebaseio.com",
  projectId: "xyz",
  storageBucket: "xyz.appspot.com",
  messagingSenderId: "0000000000000"

};

firebase.initializeApp(config);
var db = firebase.firestore();

db.collection("users").onSnapshot(function(querySnapshot) {

  querySnapshot.forEach(function(doc) {
    // doc.data() is never undefined for query doc snapshots
    var_data = doc.data().firt_name;
    var_last = doc.data().last_name;
    document.getElementById("table").innerHTML += "<tr><td>" + doc.data().first_name + " </td>" +
      "<td>" + doc.data().last_name + "</td>" + "<td>" + doc.data().active +
      "<td>" + "<td><a href='x.php?id='doc.data().first_name >Edit</a></tr>";

  });

});

 <script src="https://www.gstatic.com/firebasejs/4.8.2/firebase-app.js"></script>
        <script src="https://www.gstatic.com/firebasejs/4.8.1/firebase-firestore.js"></script>
           <table id="table" >
                <th>name</th>
                <th>last</th>
                <th>active</th>
                <th>id</th>
                <tr>
                    
                </tr>
            </table>

Answer 1

你可以这样试试:

var config = {
  apiKey: "my_secret_key",
  authDomain: "xyz.firebaseapp.com",
  databaseURL: "https://xyz.firebaseio.com",
  projectId: "xyz",
  storageBucket: "xyz.appspot.com",
  messagingSenderId: "0000000000000"

};

firebase.initializeApp(config);
var db = firebase.firestore();

db.collection("users").onSnapshot(function(querySnapshot) {

  querySnapshot.forEach(function(doc) {
    // doc.data() is never undefined for query doc snapshots
    var_data = doc.data().firt_name;
    var_last = doc.data().last_name;
    document.getElementById("table").innerHTML += "<tr><td>" + doc.data().first_name + " </td>" +
      "<td>" + doc.data().last_name + "</td>" + "<td>" + doc.data().active +
      "<td>" + "<td><a href='x.php?id=" + doc.data().first_name + "'>Edit</a></tr>";

  });

});

 <script src="https://www.gstatic.com/firebasejs/4.8.2/firebase-app.js"></script>
        <script src="https://www.gstatic.com/firebasejs/4.8.1/firebase-firestore.js"></script>
           <table id="table" >
                <th>name</th>
                <th>last</th>
                <th>active</th>
                <th>id</th>
                <tr>
                    
                </tr>
            </table>