jquery - 使用 API 数组在我的 html 的每个 h4 上写文本

Question

var DomReady = function(){
var _url = 'http://api.nytimes.com/svc/topstories/v1/home.json?api-key=b66efec295294cf38e816b25c409a35d';
$.get(_url, function(data){
    console.log(data.results);
    console.log($('h4').length);
    for(var i=0; i < data.results.length; i++){
        console.log(data.results[i].title);
        $('h4').append(data.results[i].title);

    }

})
}

$(文档).ready(DomReady);

 <div class='container grid'>
    <div class='card col-2 s-col-6'>
            <img src='Obama.jpg'/>
        <div>
            <h4 class='FontBlack'></h4>
            <p class='pBlack14'>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure</p>
        </div>
    </div>
    <div class='card col-2 s-col-6'>
            <img src='Obama.jpg'/>
        <div>
            <h4 class='FontBlack'></h4>
            <p class='pBlack14'>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure</p>
        </div>
    </div>

你好，

我的代码有问题，我使用纽约时报的 API，我想创建一个循环，以便在我的 html 元素的每个 h4 上写入文本。这些元素在一个数组中，我想知道如何才能将每个新闻标题以不同的方式放入每个 h4 中。我尝试使用 .append 但它不起作用。你有问题吗？

非常感谢

抱歉我的英语不好，我来自法国:)

Answer 1

    var items = '',
        data_length = data.results.length;
    for(var i=0; i < data_length; i++){
        items += "<div class='card col-2 s-col-6'>
                  <img src='Obama.jpg'/>
                  <div>
                    <h4 class='FontBlack'>"+ data.results[i].title +"</h4>
                    <p class='pBlack14'>Lorem ipsum dolor</p>
                  </div>
                 </div>"
    }

    $('.container.grid').append(items);

这是一个简单的变体。如果你想让代码更清晰，请查看“jQuery 模板”https://plugins.jquery.com/jquery-tmpl/