添加 href 以从 firestore 自动生成数据表

Question

我想将不同的 href 分配给表中的不同 td，该表根据从 firestore 提取的数据自动生成所述 td。这是我的 oferta.js，我可以毫无问题地从 firestore 检索数据，但我真的不知道如何为 td“titulo”分配不同的 href，我尝试使用锚点，但这会导致建立每个连续的 td 中都有相同的 URL，我该怎么做才能避免这个问题？提前感谢！const ofertaList = document.querySelector('#ofertaLista');const setupOferta = (data) => {    let html = '';    data.forEach(doc => {      const oferta = doc.data();      const td =`        <tr>          <td><a href="google.com">${oferta.titulo}</a></td>          <td>${oferta.tipo}</td>          <td>${oferta.fecha}</td>          <td>${oferta.areaConocimiento}</td>          <td>${oferta.cupoLimitado}</td>        </tr>      `;      html += td    });    ofertaList.innerHTML = html;}db.collection('oferta').get().then((snapshot) =>{ setupOferta(snapshot.docs)});

Answer 1

<td><a href="${oferta.href}">${oferta.titulo}</a></td>




Answer 2

你可以这样做

<td><a href="${oferta.href}">${oferta.titulo}</a></td>

或者

<td><a href="http://your-domain.com/${oferta.data_id_or_any_other_field}">${oferta.titulo}</a></td>

Answer 3

只需将元素的 href 设置为 URL 的变量即可：

      <td><a href="${thisIsSomeUrl}">${oferta.titulo}</a></td>