javascript - HTML 到 JS 对象

Question

我正在使用 handlebars 编译并从 JS 对象获取 html。是否可以将 (html) 转换回 JS 对象(使用 handlebars 或任何其他库)？更准确地说；使用 Handlebars ，我有以下模板:

<tr>
 <td>{{qty}}</td>
 <td>{{rate}}</td>
 <td>{{gstPerc}}</td>
 <td>{{discountPerc}}</td>
 <td>{{amount}}</td>
</tr>

和以下 JS 对象:

{
    qty : 12,
    rate : 1000,
    gstPerc : 10,
    discountPerc : 2,
    amount: 1500
}

使用 handlebars 编译后，它会转换为简单的 html，例如以下内容。

<tr>
 <td>12</td>
 <td>1000</td>
 <td>10</td>
 <td>2</td>
 <td>1500</td>
</tr>

现在我想知道的是，是否有可能(使用 Handlebars )将给定的 HTML 转换回对象？

Answer 1

以数量、费率等形式给出数据名称

var obj = getElementsByTagName('td');
$data   = {};
for(var i=0;i<obj.length;i++)
{
   $data[obj[i].dataset.name]  = obj[i].innerHtml;
}

你可以做你想用对象数据填充表的逆过程 您可以使用像 jqgrid 这样的网格控件便于集成