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 脚本之后，但没有区别。

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

编辑:

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

Answer 1

现已提供包含正确代码的更新 fiddle :http://jsfiddle.net/tgAUJ/1/ .

我所做的只是稍后将您的代码放入结果函数中。我还更正了 while，这样，如果返回的条目少于 5 个(不太可能但有可能)，它就不会出错。模组如下:

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

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