Не выполнение операторов в цикле

Question

Я новичок и начал учиться у API с помощью JQuery, к сожалению, я столкнулся с одной ошибкой, с которой не могу справиться. Ну, одна из инструкций в for l oop не выполняется во время последней итерации (то же самое, если есть одна итерация).

Кто-нибудь может мне что-то сказать? Это содержимое файла

$.getJSON('http://api.tvmaze.com/schedule?country=US&date=2015-05-30', function(data) {

var image;
var title;
var language;
var rating;

for(i=0; i<3; i++) {

    image = data[i].show.image.original;
    title = data[i].show.name;
    language = data[i].show.language;
    rating = data[i].show.rating.average;
    let staricon = '<i class="fas fa-star fa-lg"></i>';

    if (rating == null) { 

        rating = "<p class='rating'>Rating not available</p>";
        $('.rating').attr("style", "color: red;");
        staricon = "";
        console.log(rating);
    }
     $('.row').append('<div class="col-sm-6 col-lg-4"><figure class="figure"><img src="'+image+'"><figcaption class="figure-caption">'+title+ " (Language: "+language+")"+'<br>'+staricon+" "+ rating+'</figcaption></figure></div>');


}
});

Answer 1

Вам лучше использовать css

.rating {
   color: red;
}

и отказаться от этого утверждения $('.rating').attr("style", "color: red;");