检查 JSON 值是否存在 zepto

Question

我已经尝试了一段时间来让它工作，但我找不到一个可以按我需要的方式工作的解决方案。

我正在使用 zepto.js，我需要做的是从提要中获取帖子列表并循环浏览它们。除了没有缩略图的帖子外，我一切正常。如果缩略图不存在，我传递文章的方式会留下一个空的 img 标签。

这是我的代码：

function get_articles(feed) {
  $.getJSON(feed, function(data) {
    $.each(data.articles, function(i, field) {
      articles += "<li class='article' id='article-"+field.id+"'><a href='story.html?  aid="+field.id+"'><img src='"+field.thumb+"' class='thumb' /><h3 class='headline'>"+field.headline+"</h3></a></li>"
    })
    $("ul#channel").html(articles)
  })
}

我尝试了其他方法，但似乎找不到一种不循环 ul 或将多个循环传递到一个 li 的方法。

我知道我可能很愚蠢，但我碰壁了。任何指针将不胜感激。

Answer 1

使用简单的if..else 语句

if (field.thumb != "")
{
    articles += "<li class='article' id='article-"+field.id+"'><a href='story.html?  aid="+field.id+"'><img src='"+field.thumb+"' class='thumb' /><h3 class='headline'>"+field.headline+"</h3></a></li>";
}
else
{
    articles += "<li class='article' id='article-"+field.id+"'><a href='story.html?  aid="+field.id+"'><h3 class='headline'>"+field.headline+"</h3></a></li>";
}

Answer 2

如果您根本不想渲染那些没有缩略图的元素，您可以使用map 过滤掉这些元素：

function get_articles(feed) {
  $.getJSON(feed, function(data) {
    var validArticles = $.map(data.articles, function (item, index) {
        if (item.thumb) {
            return item;
        }
    });

    $.each(validArticles, function(i, field) {
      articles += "<li class='article' id='article-"+field.id+"'><a href='story.html?  aid="+field.id+"'><img src='"+field.thumb+"' class='thumb' /><h3 class='headline'>"+field.headline+"</h3></a></li>"
    });

    $("ul#channel").html(articles);
  })
}