如何從本地存儲中獲取特定數據，以便在 JavaScript 中以模態顯示它們？

Question

例如，假設我有：

學生[身份證：1，姓名：傑克]

學生[身份證：2，姓名：約翰]

到目前為止我所擁有的是

 const link = document.createElement("a");
  link.href = "#";
  link.addEventListener("click", function(){openModalCallback()}, false);
  link.textContent = student.id; 

  let row = document.createElement("tr");
  let cell = document.createElement("td");
  
  row.appendChild(cell);
  cell.append(link);

這只是打開包含數據的模式。 當我點擊第二個學生的 ID 時，我如何專門訪問他的 ID，以便只有他的數據會顯示在模式中？

Answer 1

你可以通過多種方式做到這一點。 我喜歡將 data-id='x' 添加到錨元素。 然后，當單擊錨點時，獲取該數據 ID 並在查找中使用它。

所以：

<a id="personSelect" href="#" data-id="1">John Smith</a>

你有一個 object：

var student = {
   1:Jake,
   2:John
}

您可以通過以下方式獲取數據 ID：

const person = document.getElementById('personSelect');
const id = person.dataset.id;

然后你可以訪問這個人

student[id]