javascript - 在 jQuery 中追加本地存储项

Question

我正在尝试显示以前搜索过的位置的列表。我在整个网站上使用 session 存储，并使用专门用于搜索历史记录的本地存储。

目前

if (typeof(Storage) !== "undefined") {

    //saves name in local storage (for histoy list)
    localStorage.setItem("name", currentWeather.name);

    //saves name in session storage - could be other things
    sessionStorage.setItem("name", currentWeather.name);

    // Retrieve session storage name to display back current location on search page
    document.getElementById("name").innerHTML = sessionStorage.getItem("name");

    // History
    var previous = {
        location : $("#name").val(), 
    }

    var record = JSON.stringify(previous.location);
    localStorage.setItem(previous.location, record); 

    for (var i = 0; i < localStorage.length; i++){
    $("#record").append(localStorage.getItem(localStorage.key(i)));
    }

html:

<p>Location set to: <span id="name"></span></p>


<p>Record:</p>
<a id="record"></a>

因此，在尝试放入列表之前，我只想获取要简单输出的位置。目前它是这样的:

“曼彻斯特”“爱丁堡”

在 Chrome 应用程序选项卡上， session 存储显示名称键，并且最新的名称出现在此处。它还显示一个值为 "" 的空白键，我不明白为什么或如何解决这个问题。

Answer 1

很可能是因为$("#name").val()脚本中的代码行。因为您正在尝试获取 span 标记的值，而该值在所使用的元素上没有任何内容或不可用( <span id="name"></span> )。

之后您可以使用它作为在本地存储中设置数据的 key 。因为这是一个空的，所以你会看到 "" 。只需替换 $("#name").val()与 $("#name").html()或者您可以通过任何方式访问要保存在本地存储中的值。

希望有帮助

谢谢