如何检查对象数组中的属性是否为true?

时间:2016-07-04 08:27:24

标签: javascript jquery html

我只是在对象中的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
    }

因此,对于HD设置为true的每部电影,我都希望显示图像。同样对于评级,我想展示那么多明星。我试过的功能没有奏效。请帮忙!

1 个答案:

答案 0 :(得分:0)

你的循环应该看起来像......

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类的每个元素。有了这个,你应该能够弄清楚如何获得你的星级评分,就像高清或照片属性一样,然后找出你需要添加什么逻辑才能让你的星星出现。我想只是将数字作为一个类添加到图像中,然后在图像之后有一个div,它基于带有相邻兄弟选择器的数字类的img进行样式化以访问下一个div。