javascript - 有没有办法用 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的包装器（因此没有未实现的语法问题）。