2017-08-31 6 views
0

私はこれを動作させるのにはかなり近いですが、私はこの問題に対する応答を見つけることができませんでした。このオブジェクトを繰り返して、$ .eachメソッドを使ってlocalStorageから取得しましたが、何らかの理由で、私が値を持つ3つの場所すべての最初の値(イメージ値)を取得し続けます。私はタイトルと情報も手に入れようとしています。どんな助けも素晴らしいだろう。

$('#btn-profile-view').on('click', function(){ 
 
    if(localStorage.getItem('itemsArray')){ 
 
    var savedLocal = localStorage.getItem('itemsArray'); 
 
    console.log('here is savedLocal: ', savedLocal); 
 
    savedLocal = JSON.parse(savedLocal); 
 
    var savedLocalMap = savedLocal.map(function(obj){ 
 
     var favsResult = $('.favs-display-data'); 
 
     $.each(obj, function(index, key, value){ 
 
     console.log('hey im value 0:', value); 
 
     favsOutput = `<div class="col-lg-3 game"> 
 
        <div class="view view-first"> 
 
        <img src="${value}"/> 
 
        <div class="mask"> 
 
         <h2>${value}</h2> 
 
         <p>${value}</p> 
 
         <a href="#" class="info">♥</a> 
 
        </div> 
 
        </div> 
 
       </div>` 
 
     favsResult.append(favsOutput); 
 
     }); 
 
    }); 
 
    } 
 
});

+0

実際の出力と予想される出力を表示できますか?それは少し不明です – neuhaus

+0

はい、何らかの理由で、最初の値を取得しています...私の配列が "[{" gameImg ":" img/deathstranding.jpg "、" gameTitle ":" Death Stranding "、" gameInfo ":" Death Strandingはまもなく..... "}] ... gameImgを3回つかんでいて、gameTitleとgameInfoをつかんでいません... – Lucky500

答えて

2

あなたがそれらを使用する必要があります。

favsOutput = `<div class="col-lg-3 game"> 
       <div class="view view-first"> 
       <img src="${obj['gameImg']}"/> 
       <div class="mask"> 
        <h2>${obj['gameTitle']}</h2> 
        <p>${obj['gameInfo']}</p> 
        <a href="#" class="info">♥</a> 
       </div> 
       </div> 
      </div>` 

順序はランダムあるハッシュ繰り返し処理を行う場合、あなたが、ない場合。

また、それぞれ別の答えで述べたように、それぞれに2つの引数があります。

+0

何らかの理由でNeuhasに感謝します[gameTitle]しかし、私はobj.gameTitleを試してみました。何らかの理由で3回すべてを追加しているので、おそらく1つのループが多すぎますが、あなたの答えはおかげですよね。 – Lucky500

+1

@ Lucky500あなたは "each"ループを削除する必要があります – neuhaus

0

各コールバックは、私の知る限り唯一の2つのパラメータを見ることができるようになりますjqueryの:

$.each(obj, function(key, value){ 
} 

はこちらをご覧ください:http://api.jquery.com/jQuery.each/

は多分これは、すでに問題ですか?あなたが鍵を知っている場合

関連する問題