Jquery:包装源自API的动态创建内容

时间:2013-05-23 01:54:56

标签: javascript jquery json dynamic tumblr

我正在使用Tumblr API在我的网站上创建新闻Feed。目前,API会返回每个帖子:

<div class="posttitle">TITLE</div>
<div class="postbody">content</div>

为了使样式更容易,我想将它们包装在div中,所以我写道:

$('#newsbox > .posttitle').each(function(){
    $(this).next('.postbody').andSelf().wrapAll('<div class="tumblrpost"/>');
});

然而,我无法让它发挥作用。这可能是因为Tumblr帖子是动态创建的,并且在JQuery运行时首先不是DOM的一部分吗?

我已经在API脚本之后定位了上面的脚本,但没有区别。

有人知道实现这种包装的正确方法吗?

编辑:

API:http://jsfiddle.net/tgAUJ/

1 个答案:

答案 0 :(得分:1)

现在可以使用正确的代码更新小提琴:http://jsfiddle.net/tgAUJ/1/

我所做的只是简单地将你的代码放在结果函数中。我也纠正了这一点,如果你返回的条目少于5个(不太可能,但可能),它不会出错。 Mod如下:

if (!results.response.posts[i]) break;

请注意,您必须将私钥重新放入。