有没有办法用zen编码创建dom？

Question

例如，我想写这个JS代码

$(document).ready(function() {
    var parent = $('#mydiv');
    var data = {somekey: 'Hello world!'};
    parent.append(zen('table>tr>td.someClass{somekey}', data));
});

具有以下结果：

<div id="mydiv">
    <table>
        <tr>
            <td class="someClass">
                Hello wolrd!
            </td>
        </tr>
    </table>
</div>

有没有JS库？

Answer 1

这是一个jQuery插件，可以执行您锁定的内容：https://github.com/zodoz/jquery-ZenCoding

Answer 2

这是一个纯粹的js：https://github.com/Sjeiti/zen。它实际上只是Emmet的包装器（所以没有未实现的语法问题）。