如何从本地存储中获取特定数据,以便在JavaScript模式中显示它们?

如何从本地存储中获取特定数据,以便在JavaScript模式中显示它们?,javascript,jquery,Javascript,Jquery,例如,假设我有: 学生[id:1,姓名:Jake] 学生[id:2,姓名:John] 到目前为止,我得到的是 const link = document.createElement("a"); link.href = "#"; link.addEventListener("click", function(){openModalCallback()}, false); link.textContent = student.

例如,假设我有:

学生[id:1,姓名:Jake]

学生[id:2,姓名:John]

到目前为止,我得到的是

 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='x'添加到锚元素。然后,单击锚定时,获取该数据id并在查找中使用它

因此:

您可以通过以下方式获取数据id:

const person = document.getElementById('personSelect');
const id = person.dataset.id;
然后你可以访问这个人

student[id]

只需将id用作localstorage属性的键,将student对象用作其值。不要忘记,本地存储只接受字符串。
const person = document.getElementById('personSelect');
const id = person.dataset.id;
student[id]