Question

我正在将数据设置为localStorage，但我试图提取一个值并将其填充到特定页面加载的空span。< / p>

这是我一直在搞乱的，但我不确定这是否是正确的方法：

    if($(".body-class-name").length > 0){
      $('.title span').append($(localStorage.getItem("first_name")));
  }

我尝试使用的唯一其他示例处理外部JSON数据，并且对于我正在尝试使用的内容而言， 很少。< / p>

Answer 1

代码完成了它的设想。你可以改善升技。

isPagingEnabled

然后你的帖子中有一些缺失的上下文。但我也会看一下：

如果您不想将第一个名称附加到该范围，请使用文字而不是追加。

正如评论中提到的其他人知道你的选择器。我将其更改为查询ID。

Answer 2

if ( $ ( ".body-class-name" ). length > 0 ){ 
  $ ( '.title span' ). append ( localStorage . getItem ( "first_name" )); }

localStorage.getItem（）

周围不需要$（）

Answer 3

您不需要使用加载事件。 Load事件是针对资产文件的，您可以使用ready事件。

基本上jQuery代码在文档就绪后运行。

你只需要用函数包装，例如：

<h1 class="title">Hello again <span>User</span></h1>
<br/>
<label>
  Enter your name here:
  <input name="firstname" />
</label>

<script>
(function($){
  $("input[name='firstname']").change(function(){
    // Store
    localStorage.setItem("first_name", $(this).val() );
  });

  // Load store
  $('.title span').text( localStorage.getItem( "first_name" ) );

})(jQuery);
</script>

Live code here

从localStorage获取值并将其附加到类

3 个答案: