问题是,它会分别发布所有标题,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/

10-11 13:53