Fatal编程技术网
  • javascript/
  • Javascript 将多个主干视图$el合并到一个jQuery对象中

Javascript 将多个主干视图$el合并到一个jQuery对象中

javascript jquery html dom backbone.js

Javascript 将多个主干视图$el合并到一个jQuery对象中,javascript,jquery,html,dom,backbone.js,Javascript,Jquery,Html,Dom,Backbone.js,我希望在DOM中显示以下内容： <body> <ul> <li>This is 1</li> <li>This is 2</li> <li>This is 3</li> <li>This is 4</li> </ul> </body> 这是1 这是2 这是3 这是4 ul是父视图和li是子视图。这就是我希

我希望在DOM中显示以下内容：

<body>
  <ul>
    <li>This is 1</li>
    <li>This is 2</li>
    <li>This is 3</li>
    <li>This is 4</li>
  </ul>
</body>



    

  • 这是1
    • 

  • 这是2
    • 

  • 这是3
    • 

  • 这是4
    • 



ul
是父视图和
li
是子视图。这就是我希望它工作的方式：

  • parentView将在simple for（）循环中初始化并创建子视图

  • 我不想在addSub中渲染创建的每个子视图，所以我只返回子视图的jQuery对象
    $el

  • parentView将保存这些
    $el
    并将它们合并到单个jQuery对象中，例如
    $new
    。为此，我使用jQuery函数
    .add（）

  • 然后循环完成后，将
    $new
    呈现给DOM。所以一切都必须发生在DOM之外

    • 现在我的代码不起作用。它没有显示任何东西。我做错了什么

    这里有几件事是不正确的。在ParentView中，您的代码：

        for (i=1;i<=4;i++) {
        $new.add(this.addSub(i));
    }

    this.$el.html($new.html());

    for（i=1；ii如果我使用.append（），它将在每个循环中呈现，这是低效的。例如：。但是您建议的使用.add（）的代码仍然有效。