2016-07-04 3 views
-4

オブジェクトのHDプロパティがtrueに設定されている場合にのみイメージを印刷しようとしています。また、要素に割り当てられた番号を取得して何度も画像を印刷しようとしています。 (異なる機能に)。オブジェクトの配列内でプロパティが真であるかどうかをチェックするにはどうすればよいですか?

var movies = { 
    "movies": [{ 
     "title": "Blue Streak", 
     "year": 1999, 
     "starring": "Martin Lawrence, Luke Wilson", 
     "HD": true, 
     "description": "Blue Streak is a 1999 American buddy cop comedy film directed by Les Mayfield and starring Martin Lawrence, Luke Wilson, Dave Chappelle, Peter Greene, Nicole Ari Parker and William Forsythe. The film was shot on location in California. The prime shooting spot was Sony Pictures Studios which is located in Culver City, California.", 
     "photo": "data/blue-Streak.jpg", 
     "rating": 4 
    } 

だからHDtrueに設定されているすべての映画のために私は、画像を表示したいです。また、評価のために、私は多くの星を見せたい。私が試した機能は働いていません。助けてください!

for (var i = 0; i < movies.movies.length; i++){ 
    if(movies.movies[i].HD === true){ 
     var src = 'images/' + movies.movies[i].photo; 
     $(".hd").append("<img src='" + src + "'"); 
    } 

} 

あなたのページ上のHDのクラスにすべての要素にあなたの画像を追加したい場合はあなたのループのようなものになります

+0

あなたが試したコードを投稿できますか? – Guillaume

+1

'movies.movi​​es'配列をループし、' HD'プロパティを確認してください。 –

+1

また、あなたが持っているデータに関する* nothing *はJSONです。それはオブジェクトの配列です。私はこれを反映するためにタイトルと内容を編集しました。 –

答えて

0

...。これを使うと、HDや写真のようにスター評価を取得する方法を理解し、星を表示させるために追加する必要があるロジックを把握することができます。私はちょうど画像にクラスとして番号を追加することについて考えて、その次のdivにアクセスする隣接する兄弟セレクターと番号クラスのimgに基づいてスタイルを取得する画像の後にdivを持っている。

関連する問題