问题是,它会分别发布所有标题,URL,永久链接。我需要每个帖子在一起的标题链接等。
这是我的代码:
$(document).ready(function() {
$.getJSON(
"http://www.reddit.com/r/pics.json?jsonp=?",
function foo(data) {
$.each(
data.data.children.slice(0, 10),
function(i, post) {
$("#reddit-title").append('<br>' + '<div class="post-title">' + post.data.title + '</div>');
$("#reddit-url").append('<br>' + '<div class="post-url">' + post.data.url + '</div>');
$("#reddit-permalink").append('<br>' + '<div class="post-permalink">' + post.data.permalink + '</div>');
$("#reddit-ups").append('<br>' + '<div class="post-ups">' + post.data.ups + '</div>');
$("#reddit-downs").append('<br>' + '<div class="post-downs">' + post.data.downs + '</div>');
$("#reddit-hr").append('<hr>');
}
)
}
)
.success(function() { alert("second success"); })
.error(function() { alert("error"); })
.complete(function() { alert("complete"); });
});
这是输出:
/ r / pics已达到900万订户,成为第三个这样做的subreddit,也是第一个以P开头的基于图像的sub达到该里程碑
特隆野马
他的爪子实际上卡在了屏幕上,但他试图将其播放得很酷
当生命真正出现时
我想我找到了星际之门
一个非常快乐的小逆戟鲸突破了表面
芬兰的极光
几年后,成千上万的便签,成千上万的扑克牌,成千上万的抽认卡以及许多后来的纸张。
彩虹桉树的树干(非photoshopped)
这个家伙的蘑菇搜寻很成功
http://www.reddit.com/r/pics/comments/3edbsk/rpics_has_reached_9_million_subscribers_becoming/
//i.imgur.com/j2XIS80.jp
://i.imgur.com/oDORUZk.jp
//i.imgur.com/Zm7KJvd.jp
/i.imgur.com/0TnK4YJ.jp(必须将这些无效的链接用于发布目的)
://i.imgur.com/NhRGsb8.jp
://i.imgur.com/JYWOtEd.jp
h // imgur.com / a / nAMQ
://i.imgur.com/JhFz2AL.jp
//imgur.com/C0kpFx
/ r / pics / comments / 3edbsk / rpics_has_reached_9_million_subscribers_becoming /
/ r / pics / comments / 3eco7r / tron_mustang /
/ r / pics / comments / 3ebyag / his_claw_is_actually_stuck_in_the_screen_but_hes /
/ r / pics / comments / 3ebfdh / when_life_truly_comes_into_view /
/ r / pics / comments / 3ebq5b / i_think_i_found_stargate /
/ r / pics / comments / 3eb4gi / a_very_happy_baby_orca_breaches_the_surface /
/ r / pics / comments / 3eb121 / aurora_over_finland /
/ r / pics / comments / 3ebzcu / a_couple_years_thousands_of_sticky_notes /
/ r / pics / comments / 3ec758 / the_trunk_of_a_rainbow_eucalyptus_not_photoshopped /
/ r / pics / comments / 3ec03u / this_guys_mushroom_hunt_was_a_success /
8
4501
5471
5301
3847
5449
4904
1409
1125
1185
0
0
0
0
0
0
0
0
0
0
最佳答案
我认为您需要为每个项目添加一个包含标题,URL,永久链接等的新元素。现在,听起来每个字段只有一个元素,但每个项目字段确实需要一个元素。
另外,id应该更改为类,因为将有多个元素,否则将具有相同的元素。然后您的选择器将类似于“ .reddit-title”而不是“#reddit-title”
关于javascript - 将jQuery与reddit API结合使用,尝试为每个帖子创建单独的div,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31599403/