将可信字段序列化为JSON对象以保存到模型的最佳方法是什么？

Question

出于布局目的，我更倾向于在<div>的视图中使用contenteditable="true"标记来编辑模型的属性。也就是说，我发现很难找到一个可靠的解决方案来序列化这些元素的值以保存到模型中。

是否有可靠的方法来序列化<div contenteditable="true">个元素组的内容？

Answer 1

如果容器中有内容可编辑的div，则可以迭代容器的子容器并获取每个值并将其存储在对象中：

handleForm: function () {
  var formData = {};
  var value;

  $('#container').children('div[contenteditable]').each(function() {
    value = this.innerHTML;
    if (value) {
      formData[this.id] = value;
    }
  });

  // do stuff with formData object 
  this.model.create(formData); /* or this.collection.create(formData);
}