javascript - 剥离 HTML 模板中的所有 id

Question

我有一半的想法是为我正在构建的主机插件系统抽象 HTML 模板。

插件以字符串的形式为主机提供其 HTML 模板（hogan.js 兼容）。由于不允许使用 id（可能有多个插件实例），主机必须找到一种方法来去除 HTML 元素上的所有 id 属性和/或将它们转换为类。

在浏览器中是否有一种简单的方法可以在编译之前获取 hogan / mustache 模板并对其进行预处理以去除所有 id 属性（或将它们更改为类属性）？

Answer 1

我认为这应该在服务器端做得更好。

在客户端可能是这样的（仍然需要更多地指定哪些元素）：

$(document).ready(function () {
    $("div[id]").each(function(){ // I used div element, you should be more specific in this selector
        var id_val = this.id;
        $(this).addClass(id_val).removeAttr('id');
    });
});