如何从本地存储中获取特定数据,以便在JavaScript模式中显示它们?
例如,假设我有: 学生[id:1,姓名:Jake] 学生[id:2,姓名:John] 到目前为止,我得到的是如何从本地存储中获取特定数据,以便在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.
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]