Jquery - 选择随机 JSON 对象

Question

我有这个 jquery 代码来在页面加载时输出 JSON 文件中的条目...

$.getJSON('b.json', function(data) {
      $('#dictionary').empty().hide();



      $.each(data, function(entryIndex, entry) {
        var html = '<div class="entry">';
        html += '<h3 class="title">' + entry['title'] + '</h3>';
        html += '<div class="link_url">' + entry['link_url'] + '</div>';
        html += '<div class="image_src">';
        html += entry['image_src'];
        if (entry['quote']) {
          html += '<div class="quote">';
          $.each(entry['quote'], function(lineIndex, line) {
            html += '<div class="quote-line">' + line + '</div>';
          });
          if (entry['author']) {
            html += '<div class="quote-author">' + entry['author'] + '</div>';
          }
          html += '</div>';
        }
        html += '</div>';
        html += '</div>';

        $('#dictionary').append(html).fadeIn();
      });
    });

我需要做的是随机加载这些条目之一。

任何建议表示赞赏。

非常感谢，

JSON 文件是...

[
  {
    "title": "WESITE NAME",
    "link_url": "http://www.website.com",
    "image_src": "http://www.website.com/images/recent.jpg",
  },
  {
    "title": "WESITE NAME",
    "link_url": "http://www.website.com",
    "image_src": "http://www.website.com/images/recent.jpg",
  },
  {
    "title": "WESITE NAME",
    "link_url": "http://www.website.com",
    "image_src": "http://www.website.com/images/recent.jpg",
  }
]

Answer 1

$.getJSON('b.json', function(data) { 
  var entry = data[Math.floor(Math.random()*data.length)];
  //do the same exact thing with entry
}