javascript - Jquery：包装源自 API 的动态创建的内容

Question

我正在使用 Tumblr API 在我的网站上创建新闻提要。目前，对于每篇文章，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 脚本之后，但没有区别。

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

编辑：

score 1 · Accepted Answer

现在可以在此处获得具有正确代码的更新小提琴：http: //jsfiddle.net/tgAUJ/1/。

我所做的只是在一段时间后将您的代码放入结果函数中。我还更正了 while，如果您返回的条目少于 5 个（不太可能但可能），它不会出错。模组如下：

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

请注意，您必须将您的私钥放回原处。

1 回答 1