Question

从Ajax JSON对象加载重复DOM结构有哪些标准方法？

这是一个简单的jQuery应用程序。

示例：我有一个复杂的DOM结构，对应于＆＃34;问题＆＃34;，

<div class="list-group">
   <a class="someClass data=toggle="collapse">
       <span class="someSpanClass">**QuestionTopLevel**
       </span>
       <div class="someDivClass">
          <div class="someSubDivClass">
              **QuestionSubElement1**
          </div>
       </div>
       <div class="someDivClass">
          <div class="someSubDivClass">
              **QuestionSubElement2**
          </div>
       </div>
   </a>
</div>

在此示例中，我的动态占位符（标有**）为QuestionTopLevel, QuestionSubElement1, QuestionSubElement2。

从服务器返回的Ajax响应属于

类型

"QuestionTopLevel" : { "QuestionSubElement1", "QuestionSubElement2" }

我可以手动尝试使用$('..').insertAfter(..)在jQuery中插入/删除DOM元素，但这有一些问题：

太详细了，这个＆＃34;转发器中有很多DOM子结构＆＃34;
如果结构发生变化怎么办？

是否有一些标准的工具或技术来处理DOM＆＃34; repeater＆＃34;来自Ajax JSON响应的结构？

Answer 1

我推荐一个babel / JSX前端框架，但你可以试试这样的东西：

var $new_el = $('<div/>');

然后添加类并将任何html追加到你想要的内容中......

$new_el.addClass('thisclass')
$new_el.append( $('<span>a nice little bit of html</span>') );

然后将其追加或插入DOM中的元素（在本例中为正文）

$('body').append($new_el);

从Ajax响应创建DOM元素的标准方法是什么？

1 个答案: