javascript - JSON 使用 javascript 仅显示一项数据

Question

我有这个 json，我想使用 javascript 在我的 html5 中仅显示“cat_news”，

[
{
    "id_news": "3",
    "cat_news": "Category Three",
    "title": "News Content next",
    "content": "testingg\nThis is some content\nwith long post\n",
    "media": "7e3e9-komodo.jpg",
    "message": "Broadcast message news 3"
}
{
    "id_news": "4",
    "cat_news": "Category Three",
    "title": "News Content next",
    "content": "testingg\nThis is some content\nwith long post\n",
    "media": "7e3e9-komodo.jpg",
    "message": "Broadcast message news 3"
}
]

但是当我使用我的脚本时:

$(data).each(function() {
var title = "<h3 class='title-a'>"+ this.cat_news + "</h3>";
$('#title').append(title);
});

它显示重复的(多个结果)。你能帮我只显示一个结果吗？

谢谢

Answer 1

您的函数运行两次，即针对数组的元素 0 和 1。这会在您的 #title 中生成两个 h3 标记。如果这不是预期的行为，您可以使用类似以下内容直接访问数组对象:data[index].cat_news，其中 index 是数组的索引，从0(在您的情况下为 0, 1)。

如果您想要最后一个元素的 cat_news，只需使用 data[data.length - 1].cat_news。