js自动填充内容工具

//工具类
var HSUtil = {
    dataBind: function (expr, data) {//第一个参数是一个大的div的id。第二个参数是json格式数据
        if (!expr) {
            expr = 'body';
        }
        var $elements = jQuery(expr).find("[hs-model]");//这里会找到带有hs-model标签的元素
        $elements.each(function () {//遍历每个元素
            var that = $(this);
            var name = that.attr("hs-model");//得到元素的hs-model中的值
            if (that.is('input') || that.is('select')) {//判断是input、select标签还是普通的span、p、div元素。
                that.val(data[name]);//<span style="font-family: 宋体; font-size: 9pt;">这一步是赋值操作，如果是input、select标签，那么给value赋值。</span>
            } else {
                that.html(data[name]);//如果是div或者span、p标签则给html赋值。
            }
        });
    }
};
<div id="body">
    <div>：<span hs-model="majorBusiness"></span></div>//这里是关键，元素的hs-model中必须存储键名。
    <div>行业：<span hs-model="name"></span></div>
    <div>从业人员：<span hs-model="employeeCount"></span></div>
    <div>联系电话：<span hs-model="phoneNumber"></span></div>
    <div>注册时间：<span hs-model="registerTime"></span></div>
    <div>注册资金：<span hs-model="logitude"></span></div>
    <div>状态：<span hs-model="openFlag"></span></div>
</div>
目的很简单，就是把借用工具类HSUtil把数据填充到div中。
调用该工具类的实例代码：

obj必须是json格式的，类似{employCount:"50人",name:"小明"}。总之 键名必须和hs-model中保持一致。

HSUtil.dataBind("#body",obj);//第一个参数需要填充内容的目标div。第二个是json格式数据。