javascript - 将 API 结果分组到一个 DIV 中

Question

我在尝试编辑 JS 代码/API (Google Feeds) 以使其在响应式设计中工作时遇到了很大的困难。

目前API的结果如下:

<div class="gfg-subtitle"></div>
<div class="gfg-list"></div>
<div class="gfg-subtitle"></div>
<div class="gfg-list"></div>
...

我希望它是这样的:

<div class="gfg-group">
    <div class="gfg-subtitle"></div>
    <div class="gfg-list"></div>
</div>
<div class="gfg-group">
    <div class="gfg-subtitle"></div>
    <div class="gfg-list"></div>
</div>

我尝试了这个(但没有得到任何结果):

$(document).ready(function(){ $("#contentfeed").append("<div class='gfg-grouped'></div>");     
$(".gfg-grouped").text($(".gfg-subtitle").text() + " " +$(".gfg-list").text()); });

也尝试过这个(似乎也不起作用):

var groupDiv = document.createElement('div');
groupDiv.className = 'gfg-group';
groupDiv.appendChild(newTitle);
groupDiv.appendChild(newList);

参见http://jsfiddle.net/pnwm67q8/2/ :

Answer 1

感谢之前的回复，我继续自己解决了这个问题(花了我太长时间，但这就是我们学习的方式，对吗？:) 如果可以帮助某人，请将解决方案留在这里。

我添加了以下几行:

 var newGroup = this.createDiv_('gfg-grouped');

和

   if (!this.options.horizontal && this.options.stacked) {
        var newGroup = this.createDiv_('gfg-grouped');
        var newTitle = this.createDiv_('gfg-subtitle');
        nodes.root.appendChild(newGroup);
        newGroup.appendChild(newTitle);
        this.setTitle_(this.results[0].feed, newTitle);

和

  newGroup.appendChild(nodes.list);

参见:http://jsfiddle.net/m5krqvbz/3/