javascript - 使用 javascript/jquery/api 显示有关音乐会的信息

Question

我有这个http://apis.is/concerts它显示了 API 中即将举行的音乐会，我发现其中有一些我无法显示的图像，我制作了 for 循环来迭代对象并逐一获取，我看到每六个都有与之关联的图像链接，如何使每个对象中每六个元素的链接变成图像？

如果这篇文章写得不好，我真的很抱歉，因为我不擅长写长篇文章和解释。

$.ajax({
    url: 'http://apis.is/concerts',
    type: 'GET',
    dataType: 'json',
    success: function(response) {


        var results = response["results"]

        for(var i in results) {
            for(var x in results[i]) {

                var the_text = results[i][x]
                $("#objects").append("<p>"+ the_text +"</p>")

            }
            $("#objects").append("<br>")
        }
    }


});

Answer 1

如果 the_text 包含字母“jpg”，则附加图像。否则，附加文本:

if(/jpg/.test(the_text)) {
  $("#objects").append("<img src='"+ the_text +"'>");
} else {
  $("#objects").append("<p>"+ the_text +"</p>");
}

片段:

$.ajax({
    url: 'http://apis.is/concerts',
    type: 'GET',
    dataType: 'json',
    success: function(response) {


        var results = response["results"]

        for(var i in results) {
            for(var x in results[i]) {

                var the_text = results[i][x]
                if(/jpg/.test(the_text)) {
                  $("#objects").append("<img src='"+ the_text +"'>");
                } else {
                  $("#objects").append("<p>"+ the_text +"</p>");
                }

            }
            $("#objects").append("<br>")
        }
    }


});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="objects"></div>