bootstrap，jquery利用后台传入的json数据创建动态表格-创新互联

       var $table=$('');

    $(document).ready(function(){

        $("#nav_top").load("nav/nav_top.jsp");

        var s='${json}';

        var s=eval("("+s+")");

        createTable("table_teacher",s);

    });

        function createTable(div,s){

       // var $table=$('');

        $("div").append($table);

        var $caption=$('jquery生成bootstrap表格');

        $table.append($caption);

        var $thead=$('');

        var $trs=$('');

        var $th2=$('姓名');

        var $th3=$('年龄');

        var $th4=$('电话');

        var $th5=$('操作');

        $trs.append($th2);

        $trs.append($th3);

          $trs.append($th4);

         $trs.append($th5);

        $thead.append($trs);

        $table.append($thead);

       for(var p=0;p

         create_tbody(s[p].id,s[p].name,s[p].tel_phone);

       }

    }

    function create_tbody(td1, td2, td3){

        var $tr = $('');

        $table.append($tr);

        var $td1 = $('' + td1 + '');

        $tr.append($td1);

        var $td2 = $('' + td2 + '');

        $tr.append($td2);

        var $td3 = $('' + td3 + '');

        $tr.append($td3);

        var $td4 = $('');

        var $edit = $('编辑');

        var $delete = $('删除');

        $td4.append($edit);

        $td4.append($delete);

        $tr.append($td4);

        $(document).on("mouseover", ".tr_content", function(){

                $(this).children().each(function(){

                    $(this).find("span").show();

                });

        });

        $(document).on("mouseout", ".tr_content", function(){

                $(this).children().each(function(){

                    $(this).find("span").hide();

                });

        });

    }