剥离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');
    });
});